:root{--ink:#3a3a40;--ink-deep:#2b2b30;--paper:#eef0f3;--paper-deep:#e3e5ea;--glass:#ffffff47;--glass-strong:#ffffff70;--glass-border:#fff9;--blue:#5b6a8c;--blue-soft:#5b6a8c1a;--blue-deep:#3d475e;--dusk-soft:#1e1e240f;--graphite:#83868d;--line:#1e1e241c;--shadow:0 26px 60px -30px #14141959}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--paper);min-height:100vh;font-family:Noto Sans SC,sans-serif;font-weight:300;position:relative;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.bg-blobs{z-index:0;pointer-events:none;background:radial-gradient(900px 700px at 12% -8%,#b3bed68c,#0000 60%),radial-gradient(800px 700px at 105% 8%,#d6c8be6b,#0000 60%),radial-gradient(700px 600px at 50% 105%,#bec4d666,#0000 60%);position:fixed;inset:0;overflow:hidden}.blob{filter:blur(90px);opacity:.7;will-change:transform;border-radius:50%;position:absolute}.blob.b1{background:radial-gradient(circle at 30% 30%,#96a5c980,#0000 70%);width:600px;height:600px;animation:28s ease-in-out infinite drift1;top:-160px;left:-130px}.blob.b2{background:radial-gradient(circle at 60% 40%,#d2beaf6b,#0000 70%);width:640px;height:640px;animation:34s ease-in-out infinite drift2;bottom:-210px;right:-170px}.blob.b3{background:radial-gradient(circle,#aab2c666,#0000 70%);width:460px;height:460px;animation:24s ease-in-out infinite drift3;top:36%;left:56%}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(60px,40px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(-50px,-30px)}}@keyframes drift3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,30px)scale(1.08)}}.bg-grain{z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}.bg-cards{z-index:0;opacity:.04;pointer-events:none;background-image:linear-gradient(var(--ink) 1px, transparent 1px), linear-gradient(90deg, var(--ink) 1px, transparent 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000,#0000 75%);mask-image:radial-gradient(circle at 50% 30%,#000,#0000 75%)}.ring-deco{pointer-events:none;border:1px solid #1414191a;border-radius:50%;position:absolute}.app{z-index:1;max-width:1180px;min-height:100vh;margin:0 auto;padding:26px 32px 60px;position:relative}.topbar{justify-content:space-between;align-items:center;min-height:38px;margin-bottom:8px;display:flex}.back-btn{color:var(--ink);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-radius:999px;align-items:center;gap:6px;padding:8px 16px 8px 12px;font-size:13px;font-weight:500;display:none}.back-btn.show{display:inline-flex}.back-btn:hover{background:#fffc}.step-label{letter-spacing:.18em;text-transform:uppercase;color:var(--graphite);margin:0 auto;font-size:11px;font-weight:500}main{justify-content:center;align-items:center;min-height:560px;display:flex;position:relative}.stage{width:100%;display:none}.stage.active{animation:.5s cubic-bezier(.2,.8,.2,1) rise;display:block}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.glass-card{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(30px)saturate(140%);box-shadow:var(--shadow);border-radius:28px}.chev-btn{border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;transition:all .2s;display:flex}.chev-btn svg{width:15px;height:15px;stroke:var(--graphite);transition:stroke .2s}.chev-btn:hover{background:linear-gradient(160deg,#46464e,#1c1c20);border-color:#0000;box-shadow:inset 0 1px 1px #ffffff24,inset 0 -6px 10px #00000059,0 10px 22px -10px #1414198c}.chev-btn:hover svg{stroke:#fff}.chev-btn:disabled{opacity:.25;cursor:default;pointer-events:none}.chev-btn.solid{background:linear-gradient(160deg,#46464e,#1c1c20);border-color:#0000;box-shadow:inset 0 1px 1px #ffffff24,inset 0 -6px 10px #00000059,0 10px 22px -10px #1414198c}.chev-btn.solid svg{stroke:#fff}.chev-btn.solid:hover{background:linear-gradient(160deg,#52586b,#262b38)}.landing{text-align:center;flex-direction:column;align-items:center;padding:60px 24px 30px;display:flex}.landing .eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--graphite);margin-bottom:20px;font-size:11px;font-weight:400}.landing h1{letter-spacing:-.01em;max-width:660px;color:var(--ink-deep);margin:0 0 12px;font-family:Noto Sans SC;font-size:46px;font-weight:300;line-height:1.16}.landing h1 b{font-weight:500}.landing p.sub{color:var(--graphite);margin:0 0 44px;font-size:15px;font-weight:300}.input-shell{flex-direction:column;gap:16px;width:100%;max-width:640px;padding:10px;display:flex}.mode-tabs{justify-content:center;gap:8px;margin-bottom:2px;display:flex}.mode-tab{border:1px solid var(--line);color:var(--graphite);cursor:pointer;background:0 0;border-radius:999px;padding:8px 18px;font-family:Noto Sans SC;font-size:13px;font-weight:500;transition:all .25s}.mode-tab.active{color:#fff;background:linear-gradient(160deg,#46464e,#1c1c20);border-color:#0000;box-shadow:inset 0 1px 1px #ffffff24,inset 0 -6px 10px #0000004d}.input-row{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(160%);background:#ffffff2e;border:1px solid #ffffff8c;border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 26px;display:flex}.input-row.has-attach{padding-left:6px}.input-row input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-family:Noto Sans SC;font-size:15px;font-weight:400}.input-row input::placeholder{color:#14141966}.hint{color:var(--graphite);font-size:12.5px;font-weight:400}.attach-preview{align-items:center;gap:10px;padding:0 8px;display:flex}.attach-chip{border:1px solid var(--line);background:#1414190d 50%/cover;border-radius:10px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.attach-chip .remove{color:#fff;text-align:center;cursor:pointer;background:#1c1c20;border-radius:50%;width:18px;height:18px;font-size:12px;line-height:18px;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #00000040}.attach-name{color:var(--graphite);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12.5px;overflow:hidden}.confirm-wrap{justify-content:center;align-items:center;gap:20px;display:flex}.confirm-card{flex-direction:column;flex:1;max-width:660px;min-height:420px;padding:42px 46px;display:flex}.confirm-card h2{color:var(--ink-deep);margin:0 0 6px;font-family:Noto Sans SC;font-size:22px;font-weight:400}.confirm-card .kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--graphite);margin-bottom:28px;font-size:11px;font-weight:500}.field-grid{grid-template-columns:1fr 1fr;gap:20px 24px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--graphite);font-size:12.5px;font-weight:500}.field input{border:1px solid var(--line);background:#ffffff8c;border-radius:12px;outline:none;padding:12px 14px;font-family:Noto Sans SC;font-size:14.5px;font-weight:400;transition:border-color .2s}.field input:focus{border-color:var(--blue)}.field.wide{grid-column:1/-1}.ai-badge{color:var(--blue);background:var(--blue-soft);letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-bottom:16px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.image-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px;display:grid}.img-slot{aspect-ratio:1;border:2px solid var(--line);cursor:pointer;background:#14141908;border-radius:16px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.img-slot span{color:var(--graphite);font-size:11px;font-weight:500}.img-slot.selected{border-color:var(--ink);box-shadow:0 0 0 3px var(--dusk-soft)}.img-slot.selected:after{content:"✓";color:var(--ink);font-weight:700;position:absolute;top:8px;right:10px}.tone-list{flex-direction:column;gap:2px;margin-top:8px;display:flex}.tone-opt{cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:background .2s;display:flex}.tone-opt:hover{background:#fff6}.tone-opt .ring{border:2px solid var(--line);border-radius:50%;flex-shrink:0;width:18px;height:18px;position:relative}.tone-opt.checked .ring{border-color:var(--ink)}.tone-opt.checked .ring:after{content:"";background:var(--ink);border-radius:50%;position:absolute;inset:3px}.tone-opt .tname{font-family:Noto Sans SC;font-size:16px;font-weight:500}.tone-opt .tdesc{color:var(--graphite);margin-left:auto;font-size:12.5px;font-weight:400}.card-footer{justify-content:flex-end;margin-top:auto;padding-top:26px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(160deg,#46464e,#1c1c20);border:none;border-radius:14px;align-items:center;gap:8px;padding:13px 26px;font-family:Noto Sans SC;font-size:14.5px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:inset 0 1px 1px #ffffff24,inset 0 -6px 10px #0000004d,0 12px 26px -12px #1414198c}.primary-btn:hover{background:linear-gradient(160deg,#52586b,#262b38)}.primary-btn:disabled{opacity:.5;cursor:default;pointer-events:none}.ghost-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:14px;padding:12px 22px;font-family:Noto Sans SC;font-size:14px;font-weight:400;transition:all .2s}.ghost-btn:hover{background:#ffffff80}.platform-card{max-width:720px;margin:0 auto;padding:48px 52px}.platform-card h2{color:var(--ink-deep);margin:0 0 4px;font-family:Noto Sans SC;font-size:24px;font-weight:400}.platform-card .kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--graphite);margin-bottom:8px;font-size:11px;font-weight:500}.platform-card .note{color:var(--graphite);margin-bottom:36px;font-size:13px;font-weight:400}.platform-row{flex-wrap:wrap;gap:22px;margin-bottom:44px;display:flex}.plat{border:1.5px solid var(--line);cursor:pointer;background:#ffffff59;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:104px;height:104px;transition:all .25s;display:flex}.plat svg{width:22px;height:22px;stroke:var(--ink);fill:none;transition:all .2s}.plat span.name{color:var(--graphite);font-family:Noto Sans SC;font-size:11.5px;font-weight:500;transition:color .2s}.plat.selected{background:linear-gradient(160deg,#46464e,#1c1c20);border-color:#0000;box-shadow:inset 0 1px 1px #ffffff24,inset 0 -6px 10px #0000004d,0 14px 30px -14px #14141980}.plat.selected svg{stroke:#fff}.plat.selected span.name{color:#fff}.plat.disabled{opacity:.35;cursor:default;pointer-events:none}.count-row{align-items:center;gap:18px;margin-bottom:8px;display:flex}.count-row .lbl{color:var(--graphite);min-width:150px;font-size:13px;font-weight:400}.count-opts{gap:10px;display:flex}.count-opt{border:1.5px solid var(--line);cursor:pointer;background:#ffffff59;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.count-opt.checked{color:#fff;background:linear-gradient(160deg,#46464e,#1c1c20);border-color:#0000;box-shadow:inset 0 1px 1px #ffffff24,inset 0 -6px 10px #0000004d}.auth-card{width:100%;max-width:440px;margin:0 auto;padding:42px 44px 34px;position:relative;overflow:hidden}.auth-card .kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--graphite);margin-bottom:12px;font-size:11px;font-weight:500}.auth-card h2{color:var(--ink-deep);letter-spacing:-.01em;margin:0 0 8px;font-family:Noto Sans SC;font-size:22px;font-weight:400}.auth-card .sub{color:var(--graphite);margin:0 0 28px;font-size:13px;font-weight:300;line-height:1.6}.auth-card .sub b{color:var(--ink);font-weight:500}.auth-view{display:none}.auth-view.on{animation:.38s cubic-bezier(.2,.8,.2,1) rise;display:block}.oauth-btn{border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#ffffff9e;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-family:Noto Sans SC;font-size:14.5px;font-weight:500;transition:all .2s;display:flex}.oauth-btn:hover{background:#ffffffeb;border-color:#1e1e242e}.oauth-btn:disabled{opacity:.5;cursor:default}.oauth-btn svg{width:17px;height:17px}.auth-divider{align-items:center;gap:14px;margin:22px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-divider span{color:var(--graphite);font-size:11.5px;font-weight:400}.auth-card .primary-btn{justify-content:center;width:100%;padding:14px 26px}.btn-row{margin-top:18px}.link-row{border-top:1px solid var(--line);text-align:center;margin-top:26px;padding-top:20px}.text-link{cursor:pointer;color:var(--graphite);background:0 0;border:none;padding:4px 8px;font-family:Noto Sans SC;font-size:12.5px;font-weight:400;transition:color .2s}.text-link:hover{color:var(--ink)}.text-link u{text-underline-offset:3px;text-decoration-thickness:1px}.invite{opacity:0;max-height:0;transition:max-height .38s cubic-bezier(.2,.8,.2,1),opacity .28s,margin .38s;overflow:hidden}.invite.open{opacity:1;max-height:220px;margin-top:20px}.invite .field input{letter-spacing:.12em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.otp{justify-content:space-between;gap:9px;margin-bottom:6px;display:flex}.otp input{aspect-ratio:1/1.15;text-align:center;width:100%;color:var(--ink-deep);border:1px solid var(--line);background:#ffffff8c;border-radius:12px;outline:none;padding:0;font-family:Noto Sans SC;font-size:19px;font-weight:500;transition:all .18s}.otp input:focus{border-color:var(--blue);background:#ffffffd9}.otp input.filled{background:#ffffffd9;border-color:#5b6a8c73}.meta-row{color:var(--graphite);justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;display:flex}.meta-row .expiry{align-items:center;gap:5px;display:inline-flex}.meta-row .expiry svg{width:12px;height:12px;stroke:var(--graphite);fill:none}.meta-row .resend{color:var(--graphite);cursor:default;background:0 0;border:none;padding:0;font-family:Noto Sans SC;font-size:12px}.meta-row .resend.ready{color:var(--blue);cursor:pointer;font-weight:500}.meta-row .resend.ready:hover{text-underline-offset:3px;text-decoration:underline}.back-inline{color:var(--graphite);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-bottom:18px;padding:0;font-family:Noto Sans SC;font-size:12.5px;transition:color .2s;display:inline-flex}.back-inline:hover{color:var(--ink)}.back-inline svg{stroke:currentColor;fill:none;width:12px;height:12px}.auth-error{color:#a8443c;margin-top:14px;font-size:12.5px;line-height:1.5}.auth-hint{color:var(--graphite);text-align:center;margin-top:12px;font-size:12px}.generating{text-align:center;color:#f4f5f7;background:radial-gradient(circle at 50% 40%,#1b1b20,#0c0c0f 78%);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:90px 20px;display:flex;position:relative;overflow:hidden}.generating .ring-deco{border-color:#ffffff14}.spark-wrap{z-index:1;width:170px;height:170px;margin-bottom:34px;position:relative}.spark-wrap img{object-fit:contain;border-radius:50%;width:100%;height:100%;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.85;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}.generating h3{z-index:1;margin:0 0 8px;font-family:Noto Sans SC;font-size:21px;font-weight:400}.generating p{color:#f4f5f780;letter-spacing:.08em;z-index:1;font-size:12.5px;font-weight:500}.results-layout{grid-template-columns:70px 1fr 290px;align-items:stretch;gap:28px;padding:38px;display:grid;position:relative}.plat-switch{flex-direction:column;align-items:center;gap:12px;padding-top:8px;display:flex}.plat-mini{border:1.5px solid var(--line);cursor:pointer;background:#fff6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.plat-mini svg{width:18px;height:18px;stroke:var(--graphite);fill:none;transition:stroke .2s}.plat-mini.active{background:linear-gradient(160deg,#46464e,#1c1c20);border-color:#0000;box-shadow:inset 0 1px 1px #ffffff24,inset 0 -6px 10px #0000004d}.plat-mini.active svg{stroke:#fff}.preview-col{flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.preview-head h2{color:var(--ink-deep);margin:0;font-family:Noto Sans SC;font-size:19px;font-weight:400}.preview-nav{align-items:center;gap:18px;display:flex;position:relative}.phone{aspect-ratio:9/19.5;border:1px solid var(--glass-border);width:216px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(140%);z-index:1;background:#ffffff80;border-radius:30px;flex-direction:column;display:flex;position:relative;overflow:hidden}.dot-row{gap:5px;display:flex}.dot-row .d{background:var(--line);border-radius:50%;width:5px;height:5px}.dot-row .d.on{background:var(--ink)}.pv-swatch{background:linear-gradient(135deg,#5b6a8c29,#1e1e240f) 50%/cover}.pv-avatar{background:linear-gradient(135deg,#c8ccd6,#8b90a0);border-radius:50%;flex-shrink:0;width:26px;height:26px;overflow:hidden}.pv-avatar img{object-fit:cover;width:100%;height:100%}.ig-head{align-items:center;gap:8px;padding:10px 10px 8px;display:flex}.ig-head .name{color:var(--ink-deep);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:500;overflow:hidden}.ig-head .dots{color:var(--graphite);font-size:14px}.ig-img{aspect-ratio:1;margin:0 0 6px;position:relative}.ig-dots{gap:3px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.ig-dots span{background:#fffc;border-radius:50%;width:4px;height:4px}.ig-dots span.on{background:#fff;box-shadow:0 0 0 1px #00000026}.ig-icons{align-items:center;gap:10px;margin-bottom:6px;padding:0 10px;display:flex}.ig-icons svg{width:15px;height:15px;stroke:var(--ink);fill:none}.ig-icons .spacer{flex:1}.ig-body{flex:1;min-height:0;padding:0 10px;font-size:9.5px;line-height:1.45;overflow:hidden}.ig-body .likes{color:var(--ink-deep);margin-bottom:2px;font-weight:500}.ig-body .cap b{color:var(--ink-deep);font-weight:500}.ig-body .tags{color:var(--blue)}.ig-body .meta{color:var(--graphite);margin-top:3px;font-size:8.5px}.ig-tabbar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding:8px 14px;display:flex}.ig-tabbar svg{width:16px;height:16px;stroke:var(--ink-deep);fill:none}.ig-tabbar .home{fill:var(--ink-deep);stroke:none}.pin-img{aspect-ratio:2/3;margin:0 0 8px;position:relative}.pin-zoom{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e1e2459;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:8px;right:8px}.pin-zoom svg{stroke:#fff;fill:none;width:12px;height:12px}.pin-icons{align-items:center;gap:10px;margin-bottom:10px;padding:0 12px;display:flex}.pin-icons svg{width:14px;height:14px;stroke:var(--ink);fill:none}.pin-icons .ct{color:var(--ink);margin-left:-4px;font-size:9px}.pin-icons .spacer{flex:1}.pin-save-btn{color:#fff;background:#e0242c;border-radius:999px;padding:6px 14px;font-size:9.5px;font-weight:600}.pin-body{flex:1;min-height:0;padding:0 12px;overflow:hidden}.pin-pub{align-items:center;gap:6px;margin-bottom:8px;display:flex}.pin-pub .pname{color:var(--ink-deep);font-size:8.5px;font-weight:500}.pin-body .ptitle{color:var(--ink-deep);margin-bottom:5px;font-size:12px;font-weight:500;line-height:1.3}.pin-body .pdesc{color:var(--graphite);font-size:9px;line-height:1.4}.pin-visit{color:var(--ink-deep);text-align:center;background:#1e1e240f;border-radius:12px;margin:auto 10px 10px;padding:9px 0;font-size:10px;font-weight:500}.li-search{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:8px 10px;display:flex}.li-search .sbox{color:var(--graphite);background:#1e1e240f;border-radius:999px;flex:1;align-items:center;gap:4px;padding:5px 10px;font-size:8px;display:flex}.li-search .sbox svg{width:9px;height:9px;stroke:var(--graphite);fill:none}.li-search .new{color:var(--ink-deep);background:#1e1e240f;border-radius:999px;padding:3px 7px;font-size:7.5px;font-weight:600}.li-head{align-items:flex-start;gap:8px;padding:10px 10px 6px;display:flex}.li-head .meta{flex:1;overflow:hidden}.li-head .name{color:var(--ink-deep);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:500;overflow:hidden}.li-head .role{color:var(--graphite);font-size:8px;line-height:1.3}.li-head .time{color:var(--graphite);font-size:8px}.li-cap{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:8px;padding:0 10px;font-size:9px;line-height:1.5;display:-webkit-box;overflow:hidden}.li-img{aspect-ratio:16/10;margin:0 0 6px}.li-reacts{color:var(--graphite);align-items:center;gap:5px;margin-bottom:6px;padding:0 10px;font-size:8px;display:flex}.li-reacts .icons{display:flex}.li-reacts .icons span{background:var(--blue-soft);border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;margin-left:-4px;font-size:7px;display:flex}.li-actions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:auto;display:flex}.li-actions .act{color:var(--graphite);flex-direction:column;flex:1;align-items:center;gap:2px;padding:7px 0;font-size:7.5px;font-weight:500;display:flex}.li-actions .act svg{width:13px;height:13px;stroke:var(--graphite);fill:none}.li-tabbar{justify-content:space-between;align-items:center;padding:7px 10px 8px;display:flex}.li-tabbar .tb{color:var(--graphite);flex-direction:column;align-items:center;gap:2px;font-size:6.5px;font-weight:500;display:flex}.li-tabbar .tb svg{width:14px;height:14px;stroke:var(--graphite);fill:none}.li-tabbar .tb.on{color:var(--ink-deep)}.li-tabbar .tb.on svg{stroke:var(--ink-deep)}.tik-frame{background:linear-gradient(160deg,#2a2a30,#121215);flex:1;position:relative}.tik-rail{flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:70px;right:8px}.tik-rail .ravatar{background:linear-gradient(135deg,#c8ccd6,#8b90a0);border:1.5px solid #fff;border-radius:50%;width:24px;height:24px;position:relative}.tik-rail .ravatar:after{content:"+";background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:9px;display:flex;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.tik-rail .ricon{flex-direction:column;align-items:center;gap:2px;display:flex}.tik-rail .ricon svg{stroke:#fff;fill:none;width:18px;height:18px}.tik-rail .ricon span{color:#fff;font-size:7.5px;font-weight:500}.tik-rail .disc{background:conic-gradient(#555,#111,#555);border:1px solid #ffffff4d;border-radius:50%;width:20px;height:20px}.tik-bottom{color:#fff;position:absolute;bottom:14px;left:10px;right:50px}.tik-bottom .handle{margin-bottom:4px;font-size:10px;font-weight:600}.tik-bottom .cap{margin-bottom:6px;font-size:8.5px;line-height:1.4}.tik-bottom .music{opacity:.85;align-items:center;gap:5px;font-size:7.5px;display:flex}.tik-bottom .music svg{stroke:#fff;fill:none;width:9px;height:9px}.why-panel{flex-direction:column;gap:16px;padding:26px 22px;display:flex}.why-panel h3{align-items:center;gap:8px;margin:0;font-family:Noto Sans SC;font-size:13px;font-weight:500;display:flex}.why-row .k{color:var(--graphite);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:10.5px;font-weight:500}.why-row .v{font-size:13.5px;font-weight:400;line-height:1.5}.kw-tags{flex-wrap:wrap;gap:6px;display:flex}.kw-tags span{background:var(--dusk-soft);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:500}.why-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:50;text-align:center;border-radius:12px;max-width:90vw;padding:12px 22px;font-size:13px;font-weight:500;transition:all .3s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:860px){.landing h1{font-size:32px}.field-grid{grid-template-columns:1fr}.confirm-wrap{gap:10px}.confirm-card{padding:28px 20px}.results-layout{grid-template-columns:1fr}.plat-switch{flex-direction:row;justify-content:center}.editor-layout{grid-template-columns:1fr}.editor-tools{flex-direction:row;justify-content:center}.library-grid{columns:1 100%}}.avatar-btn{border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.avatar-btn svg{width:16px;height:16px;stroke:var(--graphite);fill:none;transition:stroke .2s}.avatar-btn:hover{background:linear-gradient(160deg,#46464e,#1c1c20);border-color:#0000}.avatar-btn:hover svg{stroke:#fff}.editor-card{max-width:980px;margin:0 auto;padding:44px 48px}.editor-card .kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--graphite);margin-bottom:8px;font-size:11px;font-weight:500}.editor-card h2{color:var(--ink-deep);margin:0 0 26px;font-family:Noto Sans SC;font-size:22px;font-weight:400}.editor-layout{grid-template-columns:52px 260px 1fr;align-items:start;gap:36px;display:grid}.editor-tools{flex-direction:column;align-items:center;gap:12px;padding-top:2px;display:flex}.editor-tools .t-icon{width:34px;height:34px;color:var(--graphite);opacity:.4;border-radius:10px;justify-content:center;align-items:center;display:flex}.editor-tools .t-icon svg{stroke:currentColor;fill:none;width:15px;height:15px}.editor-fields{flex-direction:column;gap:18px;display:flex}.editor-fields .field textarea{border:1px solid var(--line);resize:vertical;background:#ffffff8c;border-radius:12px;outline:none;min-height:64px;padding:11px 13px;font-family:Noto Sans SC;font-size:13px;font-weight:400;line-height:1.55;transition:border-color .2s}.editor-fields .field textarea:focus{border-color:var(--blue)}.editor-fields .field.readonly textarea{color:var(--graphite);background:#14141908}.editor-fields .field-hint{color:var(--graphite);font-size:11px}.editor-imggrid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.editor-imggrid .img-slot{aspect-ratio:1;border-radius:12px}.editor-preview{flex-direction:column;align-items:center;gap:18px;display:flex}.editor-footer{flex-direction:column;gap:10px;width:216px;display:flex}.library-wrap{max-width:1080px;margin:0 auto;padding:6px 4px}.library-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:24px;display:flex}.library-head h2{color:var(--ink-deep);margin:0;font-family:Noto Sans SC;font-size:22px;font-weight:400}.library-hint{color:var(--graphite);font-size:11.5px}.library-grid{columns:3 260px;column-gap:18px}.library-card{break-inside:avoid;cursor:pointer;border-radius:20px;flex-direction:column;gap:9px;margin-bottom:18px;padding:18px 18px 16px;transition:transform .2s,box-shadow .2s;display:flex}.library-card:hover{transform:translateY(-2px);box-shadow:0 30px 50px -28px #14141966}.library-card .lc-plat{color:var(--graphite);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:7px;font-size:10.5px;font-weight:500;display:flex}.library-card .lc-plat svg{width:13px;height:13px;stroke:var(--graphite);fill:none}.library-card .lc-title{color:var(--ink-deep);font-family:Noto Sans SC;font-size:14px;font-weight:500;line-height:1.4}.library-card .lc-body{color:var(--graphite);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.library-card .lc-tags{flex-wrap:wrap;gap:5px;display:flex}.library-card .lc-tags span{background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:2px 8px;font-size:9.5px;font-weight:500}.library-empty{text-align:center;color:var(--graphite);padding:90px 20px;font-size:13.5px}
