.home-body{background:#000;min-height:100vh;position:relative;overflow-x:hidden}.home-body:before,.home-body:after{content:"";pointer-events:none;height:700px;position:absolute;inset:0 0 auto}.home-body:before{z-index:-2;background-color:#0000;background-image:linear-gradient(#4f46e509 1px,#0000 1px),linear-gradient(90deg,#312e810a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px,64px 64px,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:linear-gradient(#00000085,#0000 64%);mask-image:linear-gradient(#00000085,#0000 64%)}.home-body:after{z-index:-1;opacity:.9;background:linear-gradient(108deg,#0000 0% 39%,#312e8166 45%,#4f46e557 50%,#312e8152 55%,#0000 62% 100%),radial-gradient(at 50% 18%,#312e8138,#0000 30%),linear-gradient(#ffffff05,#0000 42%);animation:8s ease-in-out infinite home-scan}.home-body.is-scrolling:before,.home-body.is-scrolling:after,.home-body.is-scrolling .home-composer:before{animation-play-state:paused}.home-mobile-title,.home-mobile-logo,.mobile-generate-dock,.mobile-media-sheet{display:none}.home-page{width:min(1240px,100% - 32px);margin:0 auto;padding:18px 0 80px}.home-hero{text-align:center;align-content:center;justify-items:center;gap:28px;min-height:min(640px,100vh - 138px);padding:18px 0 34px;display:grid}.home-hero-copy{justify-items:center;gap:12px;display:grid}.home-hero-copy h1{max-width:920px;color:var(--text);letter-spacing:0;text-shadow:0 0 36px #312e813d;margin:0;font-size:clamp(32px,4.4vw,54px);line-height:1.08}.home-hero-copy p:not(.eyebrow),.case-heading p{max-width:660px;color:var(--muted);margin:0;font-size:16px;line-height:1.8}.home-composer{isolation:isolate;z-index:90;background:linear-gradient(#4f46e517,#ffffff06),#0d0918eb;border:1px solid #4f46e538;border-radius:18px;gap:12px;width:min(820px,100%);margin-top:64px;padding:14px;display:grid;position:relative;box-shadow:0 22px 70px #00000061,inset 0 0 0 1px #312e812e}.home-composer:before{content:"";z-index:-1;border-radius:inherit;opacity:.34;background:linear-gradient(120deg,#312e8157,#0000 42%,#4f46e52e);position:absolute;inset:-1px}.home-composer:after{content:"";z-index:-1;background:linear-gradient(#120d20f2,#080610f5),#0d0918e6;border-radius:17px;position:absolute;inset:1px}.home-composer-character{z-index:999;mix-blend-mode:screen;pointer-events:none;width:150px;max-width:16vw;height:auto;max-height:180px;display:block;position:absolute;top:0;left:-78px;transform:translateY(calc(58px - 100%))}.home-composer.is-drag-over{background:linear-gradient(#312e8147,#ffffff09),#0d0918eb;border-color:#4f46e5b8;box-shadow:0 0 0 3px #312e8138,0 24px 70px #312e813d}.home-upload-row{order:2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.home-upload-card{min-height:42px;color:var(--text);text-align:center;cursor:pointer;background:#312e8133;border:1px solid #4f46e552;border-radius:999px;place-items:center;gap:2px;padding:8px 14px;transition:border-color .18s,background .18s,box-shadow .18s;display:inline-grid}.home-upload-card:hover{background:#312e8147;border-color:#4f46e59e;box-shadow:0 0 18px #312e8133}.home-upload-card.is-drag-over{background:#312e8157;border-color:#4f46e5d1;box-shadow:0 0 0 3px #312e8138,0 0 22px #312e8138}.home-upload-card input{display:none}.home-upload-card span{font-size:13px;font-weight:900}.home-upload-card small{color:var(--muted);font-size:11px;line-height:1.4}.home-preview-grid{gap:10px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.home-preview{border:1px solid var(--line);background:#ffffff0b;border-radius:12px;flex:none;width:46px;height:46px;padding:0;position:relative;overflow:hidden}.home-preview img{object-fit:cover;width:100%;height:100%}.home-preview span{color:#fff;background:#0000009e;border-radius:50%;place-items:center;width:18px;height:18px;font-size:14px;display:grid;position:absolute;top:5px;right:5px}.home-composer textarea{resize:vertical;width:100%;min-height:104px;color:var(--text);background:#0506096b;border:0;border-radius:12px;outline:0;padding:18px 18px 8px;line-height:1.7;box-shadow:inset 0 0 0 1px #4f46e521}.home-composer textarea:focus{box-shadow:inset 0 0 0 1px #4f46e557}.home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(820px,100%);display:grid}.home-tool-card{color:var(--text);text-align:left;background:#ffffff09;border:1px solid #ffffff1a;border-radius:14px;gap:6px;padding:14px;text-decoration:none;display:grid}.home-tool-card:hover{background:#4f46e51f;border-color:#4f46e57a}.home-tool-card strong{font-size:14px}.home-tool-card span{color:var(--muted);font-size:12px;font-weight:800;line-height:1.55}.home-primary-btn{color:#f8f5ff;background:linear-gradient(135deg,#312e81,#4f46e5);border:0;border-radius:14px;flex:none;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:14px;font-weight:900;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 10px 28px #312e8157,inset 0 0 0 1px #ffffff14}.home-primary-btn:hover{filter:saturate(1.1);transform:translateY(-1px);box-shadow:0 12px 32px #312e816b,inset 0 0 0 1px #ffffff1a}.home-primary-btn:disabled{cursor:not-allowed;opacity:.6}.case-section{padding-top:0;scroll-margin-top:84px}.case-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.case-heading h2{letter-spacing:0;margin:0;font-size:clamp(28px,4vw,44px)}.case-grid{column-count:4;column-gap:16px}.case-card{content-visibility:auto;contain-intrinsic-size:360px 720px;break-inside:avoid;border:1px solid var(--line);cursor:pointer;background:#0f0b1ac7;border-radius:12px;margin:0 0 16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.case-card:after{display:none}.case-card:hover{border-color:#4f46e557;transform:translateY(-2px);box-shadow:0 18px 42px #00000057}.case-card:hover:after{display:none}.case-card img{background:#ffffff0a;width:100%;display:block}.case-card div{gap:5px;padding:12px;display:grid}.case-card span{color:#c4b5fd;font-size:12px;font-weight:900}.case-card strong{color:var(--text);font-size:14px;line-height:1.45}.case-modal{z-index:65;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.case-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000c2;position:absolute;inset:0}.case-dialog{z-index:1;border:1px solid var(--line);width:min(980px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow);background:#0c0816fa;border-radius:14px;grid-template-columns:minmax(0,1fr) 280px;display:grid;position:relative;overflow:hidden}.case-close{z-index:2;border:1px solid var(--line);width:36px;height:36px;color:var(--text);background:#0000007a;border-radius:10px;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}.case-preview-media{background:#312e8114;justify-items:center;min-height:0;padding:18px;display:grid;overflow:auto}.case-preview-media img{border-radius:12px;max-width:100%;height:auto;display:block}.case-preview-info{align-content:start;gap:12px;padding:56px 18px 18px;display:grid}.case-preview-info span{color:#c4b5fd;font-size:12px;font-weight:900}.case-preview-info strong{font-size:20px;line-height:1.35}.case-preview-info p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}@keyframes home-grid-drift{0%{background-position:0 0,0 0,50%}to{background-position:44px 88px,88px 44px,50%}}@keyframes home-scan{0%,to{opacity:.36;transform:translate(-18%)}48%{opacity:.82;transform:translate(18%)}}@keyframes home-border-pulse{0%,to{opacity:.36;filter:saturate(.9)}50%{opacity:.74;filter:saturate(1.22)}}@media (prefers-reduced-motion:reduce){.home-body:before,.home-body:after,.home-composer:before{animation:none}.case-card,.case-card:after,.home-primary-btn,.home-upload-card{transition:none}}@media (width<=980px){.home-hero{min-height:auto;padding-top:24px}.case-grid{column-count:3}}@media (width<=720px){.home-tool-grid{grid-template-columns:1fr}.home-body{background:#090a0d}.home-body:before,.home-body:after{display:none}.home-body.mobile-sheet-open{overflow:hidden}.home-body .site-header{display:none}.home-nav{z-index:20;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#090a0dfa,#090a0dd1);border-bottom:0;justify-content:center;align-items:center;gap:0;display:flex;position:sticky;top:0}.home-mobile-logo{object-fit:contain;width:150px;height:44px;display:block}.home-composer-character{display:none}.home-mobile-title{min-width:0;color:var(--text);letter-spacing:0;text-align:center;white-space:nowrap;text-shadow:0 0 22px #312e8157;max-width:100%;font-size:clamp(20px,5.4vw,23px);font-weight:950;line-height:1.18;display:block}.home-page{width:100%;padding:0 6px calc(128px + env(safe-area-inset-bottom))}.home-hero{min-height:0;padding:0;display:contents}.home-hero-copy,.home-composer{display:none}.home-tool-grid{width:calc(100% - 12px);margin:8px auto 12px}.case-section{padding-top:0;scroll-margin-top:70px}.case-heading{display:none}.case-grid{column-count:2;column-gap:6px}.case-card{box-shadow:none;background:0 0;border:0;border-radius:12px;margin-bottom:16px}.case-card:hover{box-shadow:none;transform:none}.case-card:after{display:none}.case-card img{object-fit:cover;object-position:top center;border-radius:12px;height:268px}.case-card:nth-child(4n+1) img{height:310px}.case-card:nth-child(4n+2) img{height:236px}.case-card:nth-child(4n+3) img{height:282px}.case-card:nth-child(4n+4) img{height:338px}.case-card div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 8px 0}.case-card span{display:none}.case-card strong{color:#f4f7fb9e;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:800;overflow:hidden}.case-card div:after{content:"♡ " attr(data-like-count);color:#f4f7fb9e;font-size:13px;font-weight:900}.case-dialog{background:#050609fa;border:0;border-radius:0;grid-template-columns:1fr;width:100%;height:100%;max-height:none}.case-modal{padding:0}.case-close{top:calc(12px + env(safe-area-inset-top));border-radius:50%;right:12px}.case-preview-media{padding:calc(58px + env(safe-area-inset-top)) 10px 0;align-items:start}.case-preview-info{padding:14px 16px calc(18px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#050609ad,#050609f5);position:sticky;bottom:0}.mobile-generate-dock{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:50;-webkit-backdrop-filter:blur(22px)saturate(1.35);backdrop-filter:blur(22px)saturate(1.35);background:linear-gradient(135deg,#fff3,#ffffff12),#1c1e2294;border:1px solid #ffffff29;border-radius:999px;grid-template-columns:48px 58px minmax(0,1fr) 48px;align-items:center;gap:10px;height:68px;padding:8px 10px;display:grid;position:fixed;box-shadow:0 18px 44px #00000075,inset 0 1px #ffffff24}.mobile-dock-icon,.mobile-dock-avatar,.mobile-dock-records,.mobile-dock-primary{color:var(--text);appearance:none;border:0;padding:0;line-height:1}.mobile-dock-icon,.mobile-dock-avatar,.mobile-dock-records{background:#ffffff14;border-radius:50%;justify-self:center;place-items:center;width:48px;height:48px;display:grid;position:relative}.mobile-dock-records{color:#f4f7fbf5;border-radius:999px;width:58px;font-size:14px;font-weight:900;text-decoration:none}.mobile-dock-icon span{color:#0000;border:2.4px solid #f4f7fbe6;border-radius:7px;width:24px;height:18px;display:block;position:relative}.mobile-dock-icon span:before{content:"";border:2.3px solid #f4f7fbe6;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-dock-primary{letter-spacing:0;background:#ffffff1a;border-radius:999px;place-items:center;height:48px;font-size:21px;font-weight:900;display:grid}.mobile-dock-avatar{background:#ffffff14}.mobile-dock-avatar:before,.mobile-dock-avatar:after{content:"";background:#f4f7fbe0;position:absolute;left:50%;transform:translate(-50%)}.mobile-dock-avatar:before{border-radius:50%;width:11px;height:11px;top:12px}.mobile-dock-avatar:after{border-radius:999px 999px 8px 8px;width:23px;height:12px;bottom:11px}.mobile-media-sheet{z-index:70;pointer-events:none;align-items:end;display:grid;position:fixed;inset:0}.mobile-media-sheet.hidden{display:none}.mobile-sheet-backdrop{pointer-events:auto;background:#00000042;border:0;padding:0;position:absolute;inset:0}.mobile-sheet-panel{width:min(76vw,360px);margin:0 0 calc(96px + env(safe-area-inset-bottom)) 24px;-webkit-backdrop-filter:blur(24px)saturate(1.35);backdrop-filter:blur(24px)saturate(1.35);pointer-events:auto;background:linear-gradient(135deg,#ffffff3d,#ffffff14),#505658a8;border:1px solid #ffffff29;border-radius:34px;gap:22px;padding:28px 30px 30px;display:grid;position:relative;box-shadow:0 26px 80px #0000007a,inset 0 1px #ffffff2e}.mobile-sheet-panel>span{color:#f4f7fba8;font-size:18px;font-weight:800}.mobile-sheet-action{color:var(--text);grid-template-columns:70px minmax(0,1fr);align-items:center;gap:22px;display:grid}.mobile-sheet-action input{display:none}.mobile-sheet-action b{color:#0000;background:#ffffff1a;border-radius:50%;justify-self:center;place-items:center;width:70px;height:70px;display:grid;position:relative}.mobile-sheet-action b:before{content:"";border:3.6px solid #f4f7fbeb;border-radius:9px;width:30px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-sheet-action+.mobile-sheet-action b:before{border-radius:7px;width:32px;height:28px}.mobile-sheet-action strong{letter-spacing:0;font-size:24px;font-weight:900}}@media (width<=460px){.mobile-generate-dock{grid-template-columns:44px 52px minmax(0,1fr) 44px;height:64px;left:12px;right:12px}.mobile-dock-icon,.mobile-dock-avatar,.mobile-dock-records,.mobile-dock-primary{height:44px}.mobile-dock-icon,.mobile-dock-avatar{width:44px}.mobile-dock-records{width:52px;font-size:13px}.mobile-dock-primary{font-size:20px}.mobile-sheet-panel{border-radius:30px;width:min(82vw,340px);margin-left:18px;padding:24px}}