@font-face{font-family:Work Sans;src:url(/fonts/WorkSans.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#000;--page-bg:radial-gradient(84.68% 101.06% at 8.88% 3.78%, #00fff31a 0%, #ff00d900 100%), radial-gradient(45.4% 45.43% at 97.49% 2.11%, #ff00d91a 0%, #ff00d900 100%), linear-gradient(180deg, #1d0219 0%, #000 100%);--brand-pink:#ff00d9;--paper:#121826db;--panel:#182032eb;--line:#bacde51f;--line-strong:#b5dcff3d;--text:#f5f8ff;--muted:#93a3b8;--soft:#202b3d;--ink:#dbe8f8;--ok:#1f845138;--warn:#b47e143d;--bad:#be3e3038;--accent:#5eead4;--accent-2:#7dd3fc;--accent-3:#a78bfa;--radius:14px;--shadow:0 22px 70px #0000007a;--sidebar-width:100px;--studio-sidebar-width:256px;--studio-sidebar-collapsed-width:150px;--studio-sidebar-gap:18px;--topbar-height:64px;--page-min-width:1200px;--page-content-width:1200px;--page-hero-inner-width:980px;--n-primary:#5eead4;--n-border-radius:8px;--n-border-color:#b5dcff33;--n-box-shadow:inset 0 1px 0 #ffffff0d;--n-primary-gradient:linear-gradient(135deg, #5eead42e, #7dd3fc1f);--n-primary-shadow:inset 0 1px 0 #ffffff0f, 0 12px 28px #5eead41f;--font-sans:"Work Sans";color:var(--text);background-color:var(--bg);font-family:var(--font-sans)}html{scrollbar-color:#5eead452 #ffffff0a;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff09}::-webkit-scrollbar-thumb{background:linear-gradient(#5eead461,#7dd3fc3d);border:2px solid #070a12b8;border-radius:999px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--page-bg)}#app,.naive-bridge{height:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:12px}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0f;border-radius:12px;padding:10px 12px}textarea{resize:vertical;min-height:110px}.naive-bridge .btn,.naive-bridge .tab,.naive-bridge .chip,.naive-bridge .seg-btn,.naive-bridge .nav-btn:not(.mobile-nav-btn){border-radius:var(--n-border-radius);border-color:var(--n-border-color);box-shadow:var(--n-box-shadow)}.naive-bridge .btn.primary,.naive-bridge .nav-btn.active:not(.mobile-nav-btn),.naive-bridge .tab.active,.naive-bridge .seg-btn.active,.naive-bridge .chip.active{background:var(--n-primary-gradient);box-shadow:var(--n-primary-shadow);border-color:#0000}.naive-bridge input,.naive-bridge textarea,.naive-bridge select{border-radius:var(--n-border-radius);border-color:var(--n-border-color);outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.naive-bridge input:focus,.naive-bridge textarea:focus,.naive-bridge select:focus{border-color:var(--n-primary);box-shadow:0 0 0 2px #5eead42e}.naive-bridge .surface,.naive-bridge .card,.naive-bridge .list-row,.naive-bridge .table-wrap,.naive-bridge .profile-module{border-radius:var(--n-border-radius);border-color:var(--n-border-color)}.xicon{flex:none;justify-content:center;align-items:center;width:1.1em;height:1.1em;line-height:0;display:inline-flex}.xicon svg{stroke:currentColor;width:1em;height:1em;display:block}.kindred-icon{vertical-align:middle;flex:none;line-height:0;display:inline-flex}.icon .xicon{width:18px;height:18px;font-size:18px}.btn .xicon,.tab .xicon,.chip .xicon,.seg-btn .xicon,.badge .xicon,.status .xicon{font-size:15px}.btn,.tab,.chip,.tool-pill{border:1px solid var(--line);min-height:38px;color:var(--text);border-radius:var(--radius);white-space:nowrap;cursor:pointer;background:#ffffff0f;justify-content:center;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:inline-flex;position:relative;overflow:hidden}.nav-btn,.seg-btn,.list-row,.card,.surface,.profile-module,.account-panel,.explore-card{position:relative;overflow:hidden}.btn:hover,.tab:hover,.chip:hover,.tool-pill:hover{background:#5eead417;border-color:#5eead457}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#041016;border-color:#0000;font-weight:800;box-shadow:0 12px 30px #5eead433}.btn.cta-primary,.generate-submit.cta-primary{box-shadow:0 0 0 1px #ffffff29,0 18px 42px #5eead44d,0 0 28px #7dd3fc2e}.btn.cta-primary{min-height:42px;padding-inline:16px}.btn.secondary,.btn.tertiary{font-weight:650}.btn.secondary{background:#ffffff13;border-color:#b5dcff2e}.btn.tertiary{color:#c5d3e6;background:#ffffff09;border-color:#b5dcff1f}.btn.ghost{background:0 0}.btn.small{min-height:34px;padding:6px 10px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.nav-btn:focus-visible,.tab:focus-visible,.chip:focus-visible,.seg-btn:focus-visible,.tool-pill:focus-visible,.home-tool-card:focus-visible,.generate-submit:focus-visible,.studio-flow-tabs button:focus-visible,.studio-tool-btn:focus-visible,.message-type-btn:focus-visible,.account-tab:focus-visible{outline-offset:3px;outline:2px solid #7dd3fceb;box-shadow:0 0 0 5px #7dd3fc24}.tab.active,.chip.active{background:linear-gradient(135deg,#5eead429,#7dd3fc1a);border-color:#5eead447}.surface,.explore-featured-card,.explore-side-panel,.explore-toolbar,.list-row,.creator-profile-card,.circle-community-card,.circle-overview-card,.asset-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffffff0b, #ffffff05), var(--paper);box-shadow:inset 0 1px #ffffff0a,0 18px 54px #0000002e}.surface,.task-waiting-panel{padding:18px}.surface{margin-bottom:14px}.surface-head,.module-head,.top-actions,.creator-profile-head,.circle-community-head,.circle-board-head,.creator-tabs-row,.points-ledger-head,.task-generation-main,.task-generation-actions,.studio-editor-actions,.studio-chat-actions,.studio-doc-head,.studio-doc-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.surface-head{align-items:flex-start;margin-bottom:14px}.surface h2,.home-panel h2,.explore-side-panel h2,.points-summary-card h2,.task-overview h2{margin:0}.surface p,.home-panel p,.explore-card p,.muted{color:var(--muted)}.list-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.list-row h3{margin:0;font-size:14px}.list-row p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.5}button.list-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}button.list-row:hover{border-color:var(--line-strong);background:var(--panel)}.grid,.list,.explore-side-list,.account-list,.message-list,.task-generation-list,.studio-shot-list{gap:12px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-layout-main .grid.two{gap:14px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.side{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.tabs,.chips,.creator-badge-row,.circle-tags,.points-summary-actions,.task-overview-actions,.studio-flow-tabs,.studio-flow-wallet,.creator-hero-actions,.circle-hero-actions{flex-wrap:wrap;gap:8px;display:flex}.status{border:1px solid var(--line);color:#dbe8f8;background:#ffffff0f;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:12px;display:inline-flex}.status.ok{background:var(--ok);border-color:#abefc6}.status.warn{background:var(--warn);border-color:#fedf89}.status.bad{background:var(--bad);border-color:#fda29b}.status.brand{border-color:var(--brand-pink);color:#dbe8f8;background:#ff00d92e}.status.muted-chip{color:#dbe8f8;background:#ffffff0f;border-color:#bacde51f}.badge{border:1px solid var(--line);min-height:36px;color:var(--ink);white-space:nowrap;background:#ffffff12;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:14px;font-weight:800;display:inline-flex}.badge.badge-warn{color:#f7c96b;background:#b47e141a;border-color:#fbbf2447}.badge.badge-points{color:#57e9d3;background:#5eead414;border-color:#5eead44d}.empty{border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center;color:var(--muted);background:#ffffff0a;padding:22px}.table-wrap{overflow-x:auto}.wire-thumb,.asset-thumb{color:#ffffff9e;background:#ffffff0a;border:1px dashed #ffffff2e;border-radius:14px;place-items:center;min-height:96px;display:grid}.wire-thumb{animation:7s ease-in-out infinite alternate panelBreath}.timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.shot{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;padding:12px}@media (width<=750px){.grid.two,.grid.three,.list-row,.timeline{grid-template-columns:1fr}}.ambient-layer,.scanline-layer,.light-ribbon,.light-ribbon.ribbon-alt{display:none}.view-flash{z-index:65;pointer-events:none;background:radial-gradient(circle at var(--flash-x,50%) var(--flash-y,20%), #5eead438, transparent 32%), linear-gradient(120deg, transparent, #7dd3fc1a, transparent);opacity:0;position:fixed;inset:0}.view-flash.active{animation:.68s ease-out viewFlash}.view-pulse{z-index:1;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle at 50% 18%,#5eead42e,#0000 28%),radial-gradient(circle at 78% 66%,#a78bfa1f,#0000 26%),linear-gradient(120deg,#0000,#7dd3fc14,#0000);position:fixed;inset:-22vh -18vw;transform:scale(.96)}.view-pulse.active{animation:1.15s ease-out viewPulse}.number-pop{animation:.55s ease-out numberPop}.fx-reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(14px)}.fx-reveal.in-view{opacity:1;transform:translateY(0)}.btn:after,.nav-btn:after,.chip:after,.tab:after,.seg-btn:after{content:"";left:var(--ripple-x,50%);top:var(--ripple-y,50%);pointer-events:none;opacity:0;background:radial-gradient(circle,#ffffff61,#0000 62%);border-radius:50%;width:0;height:0;position:absolute;transform:translate(-50%,-50%)}.btn.ripple:after,.nav-btn.ripple:after,.chip.ripple:after,.tab.ripple:after,.seg-btn.ripple:after{animation:.62s ease-out ripplePulse}@keyframes ambientDrift{0%{transform:translate(0,0)scale(1)}to{transform:translate(7vw,6vh)scale(1.12)}}@keyframes scanSweep{0%{background-position:-60vw 0,0 0}to{background-position:110vw 0,0 0}}@keyframes ripplePulse{0%{opacity:.55;width:0;height:0}to{opacity:0;width:240px;height:240px}}@keyframes neonBeat{0%,to{filter:drop-shadow(0 0 #5eead400);transform:scale(1)}50%{filter:drop-shadow(0 0 12px #5eead48c);transform:scale(1.04)}}@keyframes panelBreath{0%{filter:saturate()brightness()}to{filter:saturate(1.14)brightness(1.05)}}@keyframes ribbonSweep{0%{transform:translate(0)rotate(-9deg)}to{transform:translate(150vw)rotate(-9deg)}}@keyframes viewFlash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes viewPulse{0%{opacity:0;transform:scale(.94)rotate(-1deg)}26%{opacity:.85}to{opacity:0;transform:scale(1.04)rotate(.5deg)}}@keyframes numberPop{0%{color:inherit;transform:translateY(0)scale(1)}35%{color:#eafffb;text-shadow:0 0 18px #5eead461;transform:translateY(-2px)scale(1.08)}to{color:inherit;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.ambient-layer,.scanline-layer,.light-ribbon,.view-pulse,.view-flash{display:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app{width:100%;height:100%;display:flex;overflow:hidden}.app .app-sidebar{width:var(--sidebar-width);flex-direction:column;flex:none;justify-content:space-between;align-items:center;gap:24px;height:100%;padding:20px 0;display:flex}.app .app-sidebar .brand{color:inherit;flex:none;justify-items:center;margin:0;display:grid}.app .app-sidebar .brand .brand-logo{width:35px;height:auto;display:block}.app .app-sidebar .sidebar-pill{background:linear-gradient(#1d091feb 0%,#04080ff0 100%),#060910e6;border-right:1px solid #e4bae51f;border-radius:100px;flex-direction:column;flex:none;justify-content:space-between;align-items:center;gap:24px;width:48px;padding:4px;display:flex}.app .app-sidebar .sidebar-icon-btn{background:0 0;border:1px solid #0000;border-radius:14px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;text-decoration:none;display:inline-flex}.app .app-sidebar .sidebar-icon-btn .xicon{width:16px;height:16px}.app .app-sidebar .sidebar-icon-btn .sidebar-icon-shell{color:#f5f8ff;border-radius:999px;place-items:center;width:30px;height:30px;display:grid}.app .app-sidebar .sidebar-icon-btn.active{border-radius:25px;box-shadow:0 12px 14px #ea5ee51f}.app .app-sidebar .sidebar-icon-btn.active .sidebar-icon-shell{color:var(--brand-pink);background:#ea5ee529;box-shadow:inset 0 1px #ffffff0f}.app .app-sidebar .sidebar-icon-btn:hover:not(.active) .sidebar-icon-shell{background:#ffffff0f}.app .app-sidebar .sidebar-foot{flex-direction:column;flex:none;align-items:center;gap:24px;display:flex}.app .app-sidebar .sidebar-points{color:#ff00d9;text-align:center;cursor:pointer;width:48px;font:inherit;background:0 0;border:1px solid #e4bae51f;border-radius:12px;padding:6px;text-decoration:none}.app .app-sidebar .sidebar-points b{color:#ff00d9;font-size:12px;font-weight:500;line-height:16.5px;display:block}.app .app-sidebar .sidebar-points span{color:#ff00d9;font-size:8px;line-height:17.4px;display:block}.app .app-sidebar .sidebar-avatar{cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;width:32px;height:32px;padding:0;overflow:hidden}.app .app-sidebar .sidebar-avatar img{object-fit:cover;width:100%;height:100%;display:block}.app .app-main{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.app .app-main .topbar{width:100%;height:var(--topbar-height);flex:none;justify-content:flex-end;align-items:center;gap:16px;padding:0 24px;display:flex}.app .app-main .topbar .top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.app .app-main .topbar .quick-status-btn{color:#dce7f4;white-space:nowrap;background:#ffffff0e;border:1px solid #b5dcff29;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:7px 11px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.app .app-main .topbar .quick-status-btn strong{color:#fff}.app .app-main .topbar .quick-status-btn.compact{color:#fff;width:70px;height:32px;min-height:32px;box-shadow:none;background:#fff3;border-color:#ffffff4d;justify-content:center;gap:4px;padding:4px 14px}.app .app-main .topbar .quick-status-btn.compact .xicon{color:#fff;flex:0 0 20px;width:20px;height:20px;font-size:20px}.app .app-main .topbar .quick-status-btn.compact .xicon svg,.app .app-main .topbar .quick-status-btn.compact .kindred-icon{stroke:none;width:20px;height:20px}.app .app-main .topbar .quick-status-btn.compact strong{color:#000;background:#00fff3;border-radius:50%;flex:0 0 20px;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;min-height:20px;padding:0;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.app .app-main .topbar .quick-status-btn.compact.compact-notify .xicon{flex-basis:24px;width:24px;height:24px;font-size:24px}.app .app-main .topbar .quick-status-btn.warn{background:#b47e141a;border-color:#fbbf2447}.app .app-main .app-content{flex:1;width:100%;min-height:0;overflow-y:auto}.app .mobile-nav{display:none}@media (width<=750px){.app .app-sidebar{display:none}.app .topbar{height:auto;min-height:var(--topbar-height);flex-direction:column;align-items:flex-start;padding:12px}.app .mobile-nav{z-index:50;border-top:1px solid var(--line);background:#0b1220;justify-content:space-evenly;align-items:center;gap:0;width:100%;max-width:100vw;min-height:56px;padding:8px 12px;display:flex;position:fixed;inset:auto 0 0;overflow:hidden}.app .mobile-nav .nav-btn{min-width:0;min-height:44px;box-shadow:none;color:#c8f7ff;background:0 0;border:none;border-radius:0;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:0;padding:6px;text-decoration:none;display:inline-flex}.app .mobile-nav .nav-btn .icon{width:40px;height:40px;color:inherit;background:0 0;border-radius:0;place-items:center;display:grid}.app .mobile-nav .nav-btn .icon .xicon{width:28px;height:28px;font-size:28px}.app .mobile-nav .nav-btn.active,.app .mobile-nav .nav-btn.active .icon{color:var(--brand-pink)}.app .mobile-nav .nav-btn:hover,.app .mobile-nav .nav-btn:focus-visible{color:#fff}}.modal-backdrop{z-index:60;background:#0f172a47;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}.modal-backdrop.open{display:flex}.modal{border:1px solid var(--line-strong);border-radius:var(--radius);width:min(720px,100%);max-height:min(86vh,820px);box-shadow:var(--shadow);background:linear-gradient(#ffffff0f,#ffffff05),#0e1625;overflow:auto}.modal.purchase-modal{border-radius:18px;width:min(1180px,96vw);max-height:94vh}.modal.purchase-modal .modal-body{padding:18px}.modal .modal-head,.modal .modal-foot{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.modal .modal-foot{border-top:1px solid var(--line);border-bottom:0;flex-wrap:wrap;justify-content:flex-end}.modal .modal-head h2{margin:0;font-size:17px}.modal .modal-body{padding:16px}.modal .modal-note{color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.6}.modal .modal-work-cover{min-height:260px;margin-bottom:14px}.task-modal-thumb{min-height:220px;margin-bottom:14px}.explore-cover{color:#fff;background:radial-gradient(circle at 26% 20%,#5eead43d,#0000 28%),radial-gradient(circle at 76% 18%,#a78bfa42,#0000 30%),linear-gradient(135deg,#1b3140,#121a2a 58%,#0b101c);border:1px solid #7dd3fc2e;border-radius:16px;align-content:end;min-height:190px;padding:14px;display:grid;position:relative;overflow:hidden}.explore-cover strong{color:#ffffffc7;font-size:13px}.explore-cover b{margin-top:4px;font-size:20px;display:block}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:7px;min-width:0;display:grid}.field.full{grid-column:1/-1}.field label{color:var(--muted);font-size:12px}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);font:inherit;background:#ffffff0e;border-radius:12px;padding:10px 11px}.field textarea{resize:vertical;min-height:92px}.purchase-tabs{margin-bottom:14px}.purchase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.purchase-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffffff0b, #ffffff04), var(--paper);gap:10px;min-width:0;padding:14px;display:grid}.purchase-card h3{color:#fff;margin:0;font-size:16px}.purchase-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.purchase-card ul{color:var(--muted);margin:0;padding-left:18px;font-size:12px;line-height:1.7}.purchase-card.current{background:#5eead414;border-color:#5eead473}.purchase-price{color:#fff;font-size:24px;font-weight:800}.toast{z-index:70;border:1px solid var(--line-strong);border-radius:var(--radius);max-width:360px;box-shadow:var(--shadow);color:var(--text);background:linear-gradient(#ffffff0f,#ffffff05),#0e1625;padding:12px 14px;font-size:13px;display:none;position:fixed;bottom:20px;right:20px}.toast.show{display:block}@media (width<=750px){.modal-backdrop{align-items:flex-end;padding:10px}.modal,.modal.purchase-modal{border-radius:14px;width:100%;max-height:88vh}.modal .modal-head,.modal .modal-foot,.modal .modal-body{padding:12px}.form-grid,.purchase-grid{grid-template-columns:1fr}.toast{max-width:none;bottom:72px;left:12px;right:12px}}.home-page{width:100%;min-height:100%;padding:24px}.home-page .home-placeholder{min-height:calc(100vh - var(--topbar-height) - 48px);place-items:center;padding:24px 0 48px;display:grid}.home-page .content-hero{width:min(var(--page-content-width), 100%);justify-content:space-between;align-items:flex-end;gap:20px;margin:0 auto 24px;display:flex}.home-page .content-hero h1{color:#f5f8ff;margin:4px 0 0;font-size:34px;line-height:1.1}.home-page .content-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.home-page .publication-grid{width:min(var(--page-content-width), 100%);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0 auto;display:grid}.home-page .publication-card{color:inherit;background:#0a0e1ad1;border:1px solid #ffffff14;border-radius:8px;text-decoration:none;transition:border-color .18s,transform .18s;overflow:hidden}.home-page .publication-card:hover{border-color:#ff00d942;transform:translateY(-2px)}.home-page .publication-media{aspect-ratio:4/5;background:#ffffff0a}.home-page .publication-media img,.home-page .publication-media video{object-fit:cover;width:100%;height:100%;display:block}.home-page .publication-body{gap:6px;padding:12px;display:grid}.home-page .publication-body span{color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:700}.home-page .publication-body h2{color:#f5f8ff;margin:0;font-size:15px;line-height:1.35}.home-page .publication-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.home-page .home-placeholder-card{text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:16px;width:min(640px,100%);padding:40px 36px;display:flex}.home-page .home-placeholder-icon{width:56px;height:56px;color:var(--brand-pink);background:#ff00d91a;border:1px solid #ff00d92e;border-radius:18px;place-items:center;display:grid}.home-page .home-placeholder-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:12px;font-weight:600}.home-page .home-placeholder-card h1{color:#f5f8ff;margin:0;font-size:clamp(28px,4vw,36px);font-weight:700;line-height:1.15}.home-page .home-placeholder-desc{max-width:460px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.home-page .home-placeholder-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.work-detail-page{width:100%;min-height:100%;padding:24px}.work-detail-page .work-detail-nav{width:min(var(--page-content-width), 100%);justify-content:space-between;gap:12px;margin:0 auto 18px;display:flex}.work-detail-page .work-detail-shell{width:min(var(--page-content-width), 100%);grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:20px;margin:0 auto;display:grid}.work-detail-page .work-detail-media{background:#0a0e1ad1;border:1px solid #ffffff14;border-radius:8px;overflow:hidden}.work-detail-page .work-detail-media img,.work-detail-page .work-detail-media video{object-fit:contain;background:#050814;width:100%;max-height:calc(100vh - 160px);display:block}.work-detail-page .work-detail-panel{background:#0a0e1ad1;border:1px solid #ffffff14;border-radius:8px;gap:18px;padding:24px;display:grid}.work-detail-page .work-detail-panel h1{color:#f5f8ff;margin:0;font-size:28px;line-height:1.2}.work-detail-page .work-detail-caption{color:var(--muted);margin:0;font-size:15px;line-height:1.7}.work-detail-page .work-detail-meta{gap:12px;margin:0;display:grid}.work-detail-page .work-detail-meta div{border-bottom:1px solid #ffffff14;gap:4px;padding-bottom:12px;display:grid}.work-detail-page .work-detail-meta dt{color:#ffffff7a;text-transform:uppercase;font-size:12px;font-weight:700}.work-detail-page .work-detail-meta dd{color:#f5f8ff;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.work-detail-page .work-detail-actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=750px){.home-page{padding:16px}.home-page .content-hero{flex-direction:column;align-items:stretch}.home-page .content-hero h1{font-size:28px}.home-page .content-hero-actions .btn{flex:1}.home-page .home-placeholder-card{padding:28px 20px}.home-page .home-placeholder-actions{flex-direction:column;width:100%}.home-page .home-placeholder-actions .btn{width:100%}.work-detail-page{padding:16px}.work-detail-page .work-detail-nav,.work-detail-page .work-detail-shell{width:100%}.work-detail-page .work-detail-shell{grid-template-columns:1fr}.work-detail-page .work-detail-panel{padding:18px}.work-detail-page .work-detail-actions .btn{width:100%}}