@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f2f1ee;--paper-2:#e9e7e3;--surface:#fff;--surface-2:#f5f4f1;--ink:#1f1e1c;--ink-2:#54504b;--muted:#7c766f;--faint:#b3ada6;--line:#1f1e1c1a;--line-2:#1f1e1c29;--accent:#c4452f;--accent-press:#a93a26;--accent-ink:#a63a26;--accent-soft:#f6e4df;--accent-wash:#faf0ec;--voice-bg:#efede9;--voice-bg-on:#e7e4df;--wechat:#05803f;--wechat-press:#046b34;--r-con:12px;--r-ctl:10px;--r-photo:8px;--r-tag:6px;--r-sheet:14px;--fs-meta:14px;--fs-body:16px;--fs-strong:17px;--fs-title:20px;--fs-display:22px;--lift-1:none;--lift-2:0 1px 2px #281e180f, 0 8px 24px #281e1814;--lift-3:0 24px 60px #281e1838;--ease:cubic-bezier(.16, 1, .3, 1);--font:-apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-num:var(--font);--font-print:"Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", serif;--z-bar:20;--z-nav:30;--z-done:70;--z-mask:80;--z-rec:90;--z-talk:91;--z-toast:100}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;background:#eceae5;line-height:1.55}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:0;padding:0}input,textarea{font-family:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}ol,ul{margin:0;padding:0;list-style:none}dl,dd{margin:0}em{font-style:normal}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px;border-radius:6px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:0}.accent{color:var(--accent)}.muted{color:var(--muted)}.grow{flex:1;min-width:0}.col{flex-direction:column;display:flex}.row{align-items:center;gap:8px;display:flex}.kw{color:var(--accent)}.stage{grid-template-columns:minmax(0,340px) auto;justify-content:center;align-items:center;gap:72px;min-height:100%;padding:24px;display:grid}.stage-side{color:var(--ink-2);padding-bottom:40px}.stage-side h1{letter-spacing:-.5px;color:var(--ink);margin:28px 0 10px;font-size:44px;font-weight:600;line-height:1.15}.side-sub{color:var(--ink-2);margin:0 0 20px;font-size:20px}.side-circle{color:var(--accent-ink);margin:-12px 0 20px;font-size:16px}.side-note{color:var(--muted);max-width:30em;margin:0 0 28px;font-size:15px}.tour{border-top:1px solid var(--line-2)}.tour button{text-align:left;width:100%;min-height:52px;color:var(--ink-2);border-bottom:1px solid var(--line);transition:color .2s, padding .3s var(--ease);align-items:center;gap:14px;font-size:15px;display:flex}.tour button:hover{color:var(--ink);padding-left:4px}.tour button.on{color:var(--accent-ink)}.tour .num{width:22px;color:var(--faint);font-size:15px;font-weight:500}.tour button.on .num{color:var(--accent)}@media (width<=900px){.stage{grid-template-columns:auto}.stage-side{display:none}}.logo{font-family:var(--font-num);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:.3em;font-weight:600;line-height:1;display:inline-flex}.logo.light{color:var(--surface)}.phone{background:var(--paper);width:390px;height:844px;max-height:calc(100dvh - 48px);box-shadow:0 0 0 11px #262320, 0 0 0 12px #47423d, var(--lift-3);isolation:isolate;border-radius:52px;flex-direction:column;display:flex;position:relative;overflow:hidden}.phone-dark{background:#1c1a18}.phone-dark:has(.listen-light){background:var(--paper)}.phone-dark:has(.listen-light) .statusbar.dark{color:var(--ink)}@media (width<=480px){.stage{padding:0;display:block}.phone{width:100vw;height:100dvh;max-height:none;box-shadow:none;border-radius:0}}.statusbar{height:44px;z-index:var(--z-nav);flex:none;justify-content:space-between;align-items:center;padding:0 26px 0 34px;font-size:16px;font-weight:600;display:flex;position:relative}.statusbar.dark{color:var(--surface)}.statusbar .icons{align-items:center;gap:5px;display:flex}.navbar{height:48px;z-index:var(--z-nav);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.navbar .title{font-size:var(--fs-strong);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:600;overflow:hidden}.navbar .back{border-radius:50%;place-items:center;width:48px;height:48px;transition:background .15s;display:grid;position:absolute;left:6px}.navbar .back:active{background:var(--line)}.capsule{background:var(--surface);border:.5px solid #0000001f;border-radius:999px;justify-content:space-around;align-items:center;width:87px;height:32px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.capsule i{background:#00000026;width:.5px;height:18px}.capsule .dots{align-items:center;gap:3px;display:flex}.capsule .dots b{background:var(--ink);border-radius:50%;width:4px;height:4px;display:block}.capsule .dots b:nth-child(2){width:6px;height:6px}.capsule .ring{border:2px solid var(--ink);border-radius:50%;width:16px;height:16px;position:relative}.capsule .ring:after{content:"";background:var(--ink);border-radius:50%;position:absolute;inset:3px}.page{scrollbar-width:none;animation:pageIn .38s var(--ease) backwards;flex:1;position:relative;overflow:hidden auto}.page::-webkit-scrollbar{display:none}.page-pad{padding:8px 16px 40px}@keyframes pageIn{0%{opacity:0}}.tabbar{background:var(--surface);border-top:.5px solid var(--line-2);height:84px;z-index:var(--z-bar);flex:none;grid-template-columns:1fr 1fr 64px 1fr 1fr;align-items:center;padding:0 4px 28px;display:grid}.tab{height:56px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;line-height:1;display:flex}.tab-main{color:var(--ink-2);font-weight:500}.tab-sub{color:var(--muted);font-weight:400}.tab.active{color:var(--accent)}.tab-plus{background:var(--accent);width:46px;height:46px;color:var(--surface);transition:transform .18s var(--ease), background .2s;border-radius:50%;justify-self:center;place-items:center;display:grid}.tab-plus:active{background:var(--accent-press);transform:scale(.94)}.btn{border-radius:var(--r-ctl);min-height:48px;font-size:var(--fs-body);white-space:nowrap;transition:transform .18s var(--ease), background .2s, box-shadow .2s, opacity .2s;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.42;pointer-events:none}.btn-lg{min-height:54px;font-size:16px}.btn-block{width:100%}.btn-primary{background:var(--accent);color:var(--surface)}.btn-primary:hover,.btn-primary:active{background:var(--accent-press)}.btn-danger{background:var(--ink);color:var(--surface)}.btn-wechat{background:var(--wechat);color:var(--surface)}.btn-wechat:hover,.btn-wechat:active{background:var(--wechat-press)}.btn-ghost{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}.btn-ghost:active{background:var(--paper-2)}.btn-text{color:var(--ink-2);min-height:48px;font-weight:500;font-size:var(--fs-body);justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.btn-text:active{color:var(--ink)}.btn-sm{min-height:44px;padding:0 16px;font-size:16px}.section-title{justify-content:space-between;align-items:baseline;gap:12px;margin:28px 16px 8px;display:flex}.section-title h3{font-size:var(--fs-meta);color:var(--muted);margin:0;font-weight:400}.section-title>span{font-size:var(--fs-meta);color:var(--muted)}.group{background:var(--surface);border-radius:var(--r-con);overflow:hidden}.group>li,.group>.list-item{position:relative}.group>li+li:before,.group>.list-item+.list-item:before{content:"";top:0;left:var(--inset,16px);border-top:.5px solid var(--line-2);position:absolute;right:0}.group:has(.ic){--inset:52px}:is(.group:has(>li>.list-item>.avatar),.group:has(>.list-item>.avatar)){--inset:72px}.list-item{text-align:left;width:100%;min-height:60px;font-size:var(--fs-body);color:var(--ink);align-items:center;gap:14px;padding:8px 16px;display:flex}button.list-item:active{background:var(--paper)}.list-item:disabled{opacity:.6}.list-item{gap:14px;min-height:56px}.list-item .ic{width:22px;height:22px;color:var(--ink-2);flex:none;place-items:center;display:grid}.list-item .meta{color:var(--muted);font-size:var(--fs-meta);white-space:nowrap;align-items:center;gap:4px;margin-left:auto;display:flex}.list-item .meta svg,.chev{color:var(--faint);flex:none}.list-item.danger,.list-item.danger .ic{color:var(--accent-ink)}.li-sub{font-size:var(--fs-meta);color:var(--muted);line-height:1.45;display:block}.tag{border-radius:var(--r-tag);height:26px;font-size:var(--fs-meta);background:var(--paper-2);color:var(--ink-2);white-space:nowrap;align-items:center;gap:4px;padding:0 9px;font-weight:400;display:inline-flex}.tag-accent{background:var(--accent-soft);color:var(--accent-ink)}.meter{background:var(--paper-2);border-radius:3px;height:3px;display:block;overflow:hidden}.meter>i,.meter>u{background:var(--accent);height:100%;transition:width .6s var(--ease);border-radius:6px;display:block}.meter.sm{height:4px}.field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.field label{color:var(--ink-2);font-size:16px;font-weight:600}.field .hint{color:var(--muted);font-size:16px}.input{border-radius:var(--r-ctl);border:1px solid var(--line-2);background:var(--surface);min-height:52px;color:var(--ink);outline:none;width:100%;padding:0 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:#8c857e}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}textarea.input{resize:none;min-height:104px;padding:14px 16px;line-height:1.7}.seg{background:var(--paper-2);border-radius:var(--r-ctl);padding:2px;display:inline-flex}.seg button{min-height:36px;color:var(--muted);border-radius:8px;align-items:center;gap:4px;padding:0 14px;font-size:15px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #281e181a}.avatar{background:var(--paper-2);color:var(--ink-2);border-radius:8px;flex:none;place-items:center;font-weight:600;display:grid}.toast-wrap{z-index:var(--z-toast);pointer-events:none;justify-content:center;display:flex;position:absolute;top:40%;left:0;right:0}.toast{max-width:270px;color:var(--surface);border-radius:var(--r-ctl);text-align:center;background:#22201deb;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;font-size:16px;display:flex}.mask{z-index:var(--z-mask);background:#1c18156b;display:flex;position:absolute;inset:0}.mask.center{justify-content:center;align-items:center}.sheet{background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;scrollbar-width:none;width:100%;max-height:88%;margin-top:auto;padding:6px 16px 34px;overflow-y:auto}.sheet .grab{background:var(--line-2);border-radius:3px;width:36px;height:5px;margin:2px auto 14px}.sheet-title{font-size:var(--fs-strong);text-align:center;margin:0 0 16px;font-weight:600}.sheet-sub{font-size:var(--fs-meta);color:var(--muted);margin:24px 0 10px;font-weight:400}.sheet .group,.sheet .rule-group,.sheet .baby-opt{background:var(--surface-2);box-shadow:none}.sheet-lead{color:var(--ink-2);margin:-8px 0 16px}.sheet-note{font-size:var(--fs-meta);color:var(--muted);text-align:center;margin:14px 2px 18px}.sheet-actions{gap:12px;margin-top:20px;display:flex}.sheet-actions.col{flex-direction:column;gap:4px}.sheet-hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:18px;display:flex}.sheet-hero h3{font-size:var(--fs-title);margin:12px 0 4px}.sheet-hero p{color:var(--muted);margin:0}.dialog{background:var(--surface);border-radius:var(--r-sheet);text-align:center;flex-direction:column;align-items:center;width:310px;padding:28px 22px 20px;display:flex}.dialog h3{font-size:var(--fs-strong);margin:0 0 6px}.dialog p{color:var(--ink-2);margin:0 0 22px;font-size:16px}.dialog-actions{gap:12px;width:100%;display:flex}.skeleton{background:#ece9e4;border-radius:10px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55}}.spinner{border:2.5px solid #fffefc59;border-top-color:var(--surface);border-radius:50%;flex:none;width:22px;height:22px;animation:.8s linear infinite spin}.spinner.dark{border-color:var(--accent-soft);border-top-color:var(--accent)}.spinner.sm{border-width:2px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.dots-loading{gap:4px;display:inline-flex}.dots-loading i{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1s infinite bounce}.dots-loading i:nth-child(2){animation-delay:.15s}.dots-loading i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.fade-in{animation:fadeUp .4s var(--ease) backwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}}.empty{text-align:center;color:var(--ink-2);flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty.compact{box-shadow:none;background:0 0;padding:24px 16px}.empty h4{color:var(--ink);font-size:var(--fs-strong);margin:8px 0 0;font-weight:600}.empty p{color:var(--muted);margin:0 0 12px;font-size:16px}.empty-actions{gap:12px;display:flex}.voice-bar{background:var(--voice-bg);min-height:40px;color:var(--ink-2);min-width:132px;transition:background .2s, transform .15s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 5px;font-size:15px;font-weight:500;display:inline-flex;position:relative}.voice-bar:active{transform:scale(.97)}.voice-bar .play{background:var(--accent);width:30px;height:30px;color:var(--surface);border-radius:50%;flex:none;place-items:center;display:grid}.voice-bar.sm{min-width:112px;min-height:34px;font-size:var(--fs-meta);gap:8px;padding:0 12px 0 4px}.voice-bar.sm .play{width:26px;height:26px}.voice-bar.sm:after{content:"";position:absolute;inset:-5px 0}.voice-bar .vb-label{white-space:nowrap;font-variant-numeric:tabular-nums}.wave{flex:1;align-items:center;gap:2px;height:18px;display:inline-flex}.wave i{opacity:.38;background:currentColor;border-radius:1px;width:2px}.voice-bar.playing{background:var(--voice-bg-on)}.voice-bar.playing .wave i{opacity:.8;animation:.9s ease-in-out infinite wave}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.pipi-bob{transform-origin:50% 90%}@keyframes bob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-3px)rotate(1.5deg)}}.pipi-blink{transform-origin:50%;transform-box:fill-box}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.talk-btn{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;transition:transform .2s var(--ease), background .2s, color .2s;z-index:var(--z-talk);justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex;position:relative}.talk-btn .talk-txt{flex-direction:column;align-items:center;line-height:1.3;display:flex}.talk-btn .talk-sub{font-size:var(--fs-meta);color:var(--muted);font-weight:400}.talk-btn.lg{color:var(--ink);font-size:var(--fs-body);flex-direction:column;gap:10px}.talk-btn.lg .talk-ic{background:var(--accent);width:76px;height:76px;color:var(--surface);transition:transform .2s var(--ease), background .2s;border-radius:50%;flex:none;place-items:center;display:grid}.talk-btn.lg.on .talk-ic{background:var(--accent-press);transform:scale(.94)}.talk-btn.lg.disabled .talk-ic{background:var(--paper-2);color:var(--muted)}.talk-btn.lg.disabled{color:var(--muted)}.talk-btn.md{min-height:44px;font-size:var(--fs-body);border-radius:var(--r-ctl);background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 .5px var(--line-2)}.talk-btn.md .talk-ic{display:none}.talk-btn.md.on{background:var(--paper-2)}.rec-overlay{background:var(--paper);z-index:var(--z-rec);color:var(--ink);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding-bottom:180px;display:flex;position:absolute;inset:44px 0 0}.rec-prompt{font-size:var(--fs-body);color:var(--muted);margin:0}.rec-time{letter-spacing:0;font-variant-numeric:tabular-nums;font-size:56px;font-weight:300;line-height:1}.rec-wave{align-items:center;gap:4px;height:44px;display:flex}.rec-wave i{background:var(--ink-2);opacity:.55;border-radius:2px;width:3px;height:36px;animation:.8s ease-in-out infinite wave}.minicode{box-shadow:0 0 0 1px var(--line-2);transition:transform .15s var(--ease);border-radius:50%;line-height:0}.minicode:active{transform:scale(.94)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.pipi-bob,.pipi-blink,.voice-bar.playing .wave i,.rec-wave i,.skeleton{animation:none!important}}.welcome{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.welcome-logo{position:absolute;left:20px}.welcome-stack{flex:1;place-items:center;min-height:260px;display:grid;position:relative}.ws-photo{aspect-ratio:4/5;background:var(--surface);border-radius:6px;width:196px;padding:8px 8px 30px;position:absolute;box-shadow:0 1px 2px #3c281e14,0 14px 34px #3c281e24}.ws-photo img{object-fit:cover;border-radius:2px;width:100%;height:100%}.ws-voice{background:var(--surface);height:44px;color:var(--accent-ink);box-shadow:var(--lift-2);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;margin-left:-10px;padding:0 16px 0 6px;font-size:15px;font-weight:600;display:inline-flex;position:absolute;bottom:14%;left:50%}.ws-play{background:var(--accent);width:32px;height:32px;color:var(--surface);border-radius:50%;place-items:center;display:grid}.ws-wave{align-items:center;gap:2px;display:inline-flex}.ws-wave i{opacity:.6;background:currentColor;border-radius:2px;width:2.5px}.ws-pipi{position:absolute;top:14%;left:14%;transform:rotate(-8deg)}.welcome-copy{padding:4px 28px 0}.welcome h1{letter-spacing:-.3px;margin:0 0 6px;font-size:24px;font-weight:600;line-height:1.25}.welcome-sub{color:var(--ink-2);margin:0 0 10px;font-size:18px}.welcome-pitch{color:var(--muted);margin:0;font-size:16px;line-height:1.7}.welcome-foot{flex-direction:column;gap:12px;padding:24px 24px 36px;display:flex}.agree{color:var(--muted);cursor:pointer;align-items:flex-start;gap:10px;margin-top:4px;font-size:16px;line-height:1.5;display:flex}.agree input{accent-color:var(--accent);flex:none;width:18px;height:18px;margin-top:2px}.shake{animation:.4s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.steps{grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 28px;display:grid}.step{color:var(--muted);flex-direction:column;gap:8px;font-size:16px;display:flex}.step i{background:var(--line-2);border-radius:4px;height:4px;display:block}.step.on{color:var(--accent-ink);font-weight:600}.step.on i{background:var(--accent)}.ob-title{font-size:var(--fs-display);letter-spacing:-.3px;margin:0 0 6px;font-weight:600}.ob-sub{color:var(--ink-2);margin:0 0 28px;font-size:16px}.ob-next{margin-top:28px}.callname-card{background:var(--surface);border-radius:var(--r-con);box-shadow:var(--lift-1);margin-top:8px;padding:20px}.cn-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.cn-head h3{font-size:var(--fs-strong);margin:0 0 2px}.cn-head p{color:var(--muted);margin:0;font-size:16px}.choices{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.choice{background:var(--paper);min-height:44px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;padding:0 16px;font-size:16px;transition:background .2s,color .2s}.choice.on{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 0 0 1.5px var(--accent);font-weight:600}.callname-preview{background:var(--paper);color:var(--ink);border-radius:12px;align-items:center;gap:10px;margin:14px 0 0;padding:10px 14px;font-size:16px;display:flex}.sheet .callname-preview{background:var(--surface);margin:12px 0 20px}.role-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.role-card{background:var(--surface);box-shadow:var(--lift-1);transition:box-shadow .2s, background .2s, transform .2s var(--ease);border-radius:16px;flex-direction:column;align-items:center;gap:8px;min-height:100px;padding:14px 0 12px;font-size:16px;font-weight:500;display:flex}.role-card:active{transform:scale(.97)}.role-card.on{background:var(--accent-wash);box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent-ink);font-weight:600}.invite-row{background:var(--surface);border-radius:var(--r-con);width:100%;box-shadow:var(--lift-1);text-align:left;align-items:center;gap:14px;padding:16px;display:flex}.invite-row b{font-size:16px;display:block}.ir-sub{color:var(--muted);font-size:16px;display:block}.ir-ic,.ib-ic,.bf-ic{width:22px;height:22px;color:var(--ink-2);flex:none;place-items:center;display:grid}.invite-card{background:var(--surface);border-radius:var(--r-con);box-shadow:var(--lift-2);padding:20px}.ic-top{align-items:center;gap:14px;display:flex}.ic-top h3{margin:0 0 2px;font-size:18px}.ic-top p{color:var(--muted);margin:0;font-size:16px}.invite-code{grid-template-columns:repeat(6,1fr);gap:8px;margin:20px 0;display:grid}.invite-code span{background:var(--paper);height:54px;color:var(--ink);border-radius:12px;place-items:center;font-size:26px;font-weight:600;display:grid}.ic-foot{border-top:1px dashed var(--line-2);color:var(--muted);flex-direction:column;gap:2px;padding-top:14px;font-size:16px;display:flex}.ic-slogan{color:var(--ink);font-size:16px;font-weight:600}.phone:has(.page.home){background:var(--surface)}.page.home{background:var(--surface);padding:0 0 24px}.baby-switch{align-items:center;gap:6px;height:44px;padding:0 8px;display:flex;position:absolute;left:8px}.baby-switch b{font-size:var(--fs-strong);font-weight:600}.baby-switch span{font-size:var(--fs-meta);color:var(--muted);font-variant-numeric:tabular-nums}.baby-switch svg{color:var(--muted)}.home .greet{justify-content:space-between;align-items:baseline;gap:12px;padding:0 16px 4px;display:flex}.greet-hi{min-width:0;font-size:var(--fs-body);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.streak{font-size:var(--fs-meta);color:var(--muted);flex:none}.streak-num{white-space:nowrap}.streak-num b{color:var(--muted);font-weight:400}.entry-list{border-top:.5px solid var(--line-2);border-bottom:.5px solid var(--line-2);margin:0 16px}.entry-list>li{align-items:center;display:flex}.entry-list>li+li{border-top:.5px solid var(--line-2)}.entry{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;min-height:46px;display:flex}.entry:active{opacity:.6}.entry-main{white-space:nowrap;flex:1;align-items:baseline;gap:12px;min-width:0;display:flex;overflow:hidden}.entry-main b{font-size:var(--fs-body);color:var(--ink);flex:none;font-weight:600}.entry-main span{min-width:0;font-size:var(--fs-body);color:var(--muted);text-overflow:ellipsis;overflow:hidden}.entry-go{font-size:var(--fs-body);color:var(--accent);flex:none;font-weight:500}.entry-chev{color:var(--faint);flex:none}.entry-thumb{border-radius:var(--r-tag);object-fit:cover;flex:none;width:32px;height:32px}.entry-swap{width:40px;height:46px;color:var(--faint);flex:none;place-items:center;margin-right:-10px;display:grid}.entry-swap:active{color:var(--ink-2)}.circle-head{justify-content:space-between;align-items:baseline;gap:8px;padding:14px 16px 0;display:flex}.circle-head h3{font-size:var(--fs-title);white-space:nowrap;align-items:baseline;gap:10px;margin:0;font-weight:600;display:flex}.circle-head h3 span{font-size:var(--fs-meta);color:var(--muted);font-weight:400}.book-chip{min-height:44px;font-size:var(--fs-meta);color:var(--ink-2);flex:none;align-items:center;gap:2px;margin:-12px -4px -12px 0;padding:0 4px;display:inline-flex}.book-chip svg{color:var(--faint)}.book-chip:active{opacity:.6}.feed{background:0 0}.moment-card{cursor:pointer;grid-template-columns:40px 1fr;gap:10px;padding:12px 16px 10px;transition:background .2s;display:grid}.moment-card+.moment-card{border-top:.5px solid var(--line-2)}.moment-card:active{background:var(--surface-2)}.skeleton-card{cursor:default}.mc-main{min-width:0}.mc-head{align-items:baseline;gap:8px;min-width:0;line-height:1.4;display:flex}.mc-name{font-size:var(--fs-body);color:var(--ink);white-space:nowrap;flex:none;font-weight:600}.mc-meta{min-width:0;font-size:var(--fs-meta);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;overflow:hidden}.mc-meta em,.dw-date em{color:var(--ink-2);background:var(--paper-2);border-radius:var(--r-tag);font-size:var(--fs-meta);margin-left:6px;padding:0 6px}.mc-main h4{font-size:var(--fs-strong);margin:1px 0 0;font-weight:600;line-height:1.35}.mc-text{font-size:var(--fs-body);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 8px;line-height:1.5;display:-webkit-box;overflow:hidden}.mc-photo{aspect-ratio:16/10;border-radius:var(--r-photo);background:var(--paper-2);width:68%;overflow:hidden}.mc-photo img{object-fit:cover;width:100%;height:100%}.mc-nophoto{aspect-ratio:auto;height:56px;color:var(--muted);font-size:var(--fs-meta);background:var(--surface-2);justify-content:center;align-items:center;gap:8px;display:flex}.mc-actions{justify-content:space-between;align-items:center;gap:8px;min-height:34px;margin-top:6px;display:flex}.mc-act{align-items:center;margin-right:-10px;display:flex}.mc-count{height:44px;color:var(--muted);font-size:var(--fs-meta);align-items:center;gap:3px;padding:0 8px;display:inline-flex}.like-btn{min-width:44px;height:44px;color:var(--muted);font-size:var(--fs-body);transition:transform .15s var(--ease);justify-content:center;align-items:center;gap:4px;padding:0 10px;display:inline-flex}.like-btn.on{color:var(--accent)}.like-btn:active{transform:scale(.9)}.mc-comments{background:var(--surface-2);border-radius:var(--r-tag);flex-direction:column;gap:2px;margin-top:2px;padding:6px 10px;display:flex}.mc-likes{font-size:var(--fs-meta);color:var(--ink-2);align-items:center;gap:6px;min-width:0;line-height:1.5;display:flex}.mc-likes svg{color:var(--muted);flex:none}.mc-likes span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.mc-likes+.mc-c{border-top:.5px solid var(--line);padding-top:3px}.mc-c{font-size:var(--fs-meta);align-items:baseline;gap:6px;min-width:0;line-height:1.5;display:flex}.mc-c b{color:var(--ink);flex:none;font-weight:600}.mc-c-voice{color:var(--muted);flex:none;align-items:center;gap:2px;display:inline-flex;position:relative;top:1px}.mc-c-t{min-width:0;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.backfill-tip{border-top:.5px solid var(--line-2);width:100%;min-height:48px;font-size:var(--fs-meta);color:var(--muted);justify-content:center;align-items:center;gap:2px;margin-top:4px;display:flex}.backfill-tip svg{color:var(--faint)}.home .empty{padding-top:64px}.baby-opt{background:var(--surface);text-align:left;width:100%;min-height:64px;box-shadow:var(--lift-1);border-radius:16px;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.baby-opt b{font-size:16px;display:block}.baby-opt .grow>span{color:var(--muted);font-size:16px}.baby-opt.on{box-shadow:inset 0 0 0 2px var(--accent)}.compose{min-height:0;animation:pageIn .3s var(--ease) backwards;flex-direction:column;flex:1;display:flex}.compose-photo{border-radius:var(--r-photo);flex:1;min-height:0;margin:4px 16px 0;display:flex;position:relative;overflow:hidden}.compose-photo.has{background:var(--paper-2)}.compose-photo.has img{object-fit:cover;width:100%;height:100%}.compose-photo.voice-only{background:var(--surface)}.photo-x{width:36px;height:36px;color:var(--surface);background:#1f1e1c80;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.photo-x:after{content:"";position:absolute;inset:-4px}.pick-wrap{scrollbar-width:none;width:100%;padding:4px 0 8px;overflow-y:auto}.pick-head{margin:4px 0 14px}.pick-head b{font-size:var(--fs-title);font-weight:600}.link-sm{font-size:var(--fs-meta);color:var(--ink-2);text-underline-offset:4px;min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);padding:0 4px}.pick-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pick-btn{border-radius:var(--r-ctl);background:var(--surface);min-height:76px;font-size:var(--fs-body);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-weight:500;transition:background .2s;display:flex}.pick-btn:active{background:var(--paper-2)}.pick-btn svg{color:var(--ink-2)}.pick-label{font-size:var(--fs-meta);color:var(--muted);margin:20px 0 8px}.sample-grid{grid-template-columns:repeat(3,1fr);gap:10px 8px;display:grid}.sample{text-align:left;transition:transform .15s var(--ease);flex-direction:column;gap:4px;display:flex}.sample:active{transform:scale(.97)}.sample img{aspect-ratio:1;object-fit:cover;border-radius:var(--r-photo);width:100%}.sample span{font-size:var(--fs-meta);color:var(--ink-2)}.vo-hint{text-align:center;color:var(--muted);font-size:var(--fs-meta);flex-direction:column;align-items:center;gap:8px;margin:auto;padding:24px;display:flex}.vo-hint b{font-size:var(--fs-strong);color:var(--ink)}.compose-bottom{flex-direction:column;flex:none;align-items:center;gap:12px;padding:16px 16px 20px;display:flex}.q-mini{text-align:center;font-size:var(--fs-body);color:var(--ink-2);flex-direction:column;align-items:center;gap:2px;padding:0 8px;line-height:1.5;display:flex}.q-mini b{color:var(--ink);font-size:var(--fs-strong);font-weight:600}.compose-note{font-size:var(--fs-meta);color:var(--muted);text-align:center}.ai-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.ai-line{font-size:var(--fs-body);color:var(--ink-2);align-items:center;gap:12px;margin:auto 0;padding-bottom:80px;display:flex}.review-photo{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-photo);width:100%}.review-title{font-size:var(--fs-title);width:100%;color:var(--ink);border:0;border-bottom:.5px solid var(--line-2);background:0 0;outline:none;padding:14px 0 4px;font-family:inherit;font-weight:600}.review-title:focus{border-bottom-color:var(--accent)}.review-meta{font-size:var(--fs-meta);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin:10px 0 14px;display:flex}.review-text{background:var(--surface);border-radius:var(--r-con);padding:12px}.review-seg{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.review-text textarea{background:var(--surface-2);font-size:var(--fs-body);border:0}.review-text textarea:focus{box-shadow:none}.cost-line{font-size:var(--fs-meta);color:var(--muted);text-align:center;margin-top:12px}.cost-line b{color:var(--ink-2);font-weight:600}.review-actions{gap:10px;margin-top:16px;display:flex}.review-actions .btn-ghost{min-height:54px}.done-screen{z-index:var(--z-done);background:var(--paper);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.done-card{text-align:center;width:100%}.done-photo{background:var(--surface);width:168px;box-shadow:var(--lift-2);border-radius:4px;margin:0 auto 28px;padding:8px 8px 26px;position:relative;transform:rotate(-2deg)}.done-photo img,.done-photo-empty{aspect-ratio:1;object-fit:cover;border-radius:2px;width:100%}.done-photo-empty{background:var(--surface-2);color:var(--muted);place-items:center;display:grid}.done-card h2{font-size:var(--fs-title);margin:0 0 6px;font-weight:600}.done-card p{color:var(--muted);font-size:var(--fs-meta);margin:0 0 20px}.done-stats{background:var(--surface);border-radius:var(--r-con);grid-template-columns:1fr 1fr;margin:0 0 24px;display:grid}.done-stats>div{flex-direction:column;align-items:center;gap:2px;padding:12px;display:flex}.done-stats>div+div{border-left:.5px solid var(--line-2)}.done-stats b{font-size:24px;font-weight:600;line-height:1.2}.done-stats span{font-size:var(--fs-meta);color:var(--muted)}.done-actions{flex-direction:column;gap:10px;display:flex}.phone:has(.page.detail){background:var(--surface)}.detail{background:var(--surface)}.detail-photo{object-fit:cover;width:100%;height:auto;max-height:520px;display:block}.detail-nophoto{color:var(--muted);background:var(--surface-2);font-size:var(--fs-meta);aspect-ratio:16/9;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.detail-body{padding:16px 16px 20px}.detail-who{align-items:center;gap:10px;margin-bottom:12px;display:flex}.dw-name{font-size:var(--fs-body);color:var(--ink);font-weight:600;line-height:1.35}.dw-date{font-size:var(--fs-meta);color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;display:flex}.circle-lock{font-size:var(--fs-meta);color:var(--muted);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.detail-title{font-size:var(--fs-title);margin:0 0 6px;font-weight:600;line-height:1.35}.detail-text{font-size:var(--fs-body);color:var(--ink);margin:0;line-height:1.75}.detail-voice{margin-top:14px}.detail-voice .voice-bar{min-width:180px;min-height:44px}.detail-voice .voice-bar .play{width:34px;height:34px}.detail-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.book-link{min-height:44px;font-size:var(--fs-body);color:var(--ink-2);align-items:center;gap:2px;margin-left:auto;margin-right:-4px;padding:0 4px;display:inline-flex}.book-link svg{color:var(--faint)}.book-link:active{opacity:.6}.del-link{color:var(--muted);font-size:var(--fs-meta);margin:4px 0 0 -12px;font-weight:400}.comments{background:var(--surface);border-top:8px solid var(--paper);padding:4px 0 8px}.comments-head{font-size:var(--fs-body);color:var(--ink);align-items:center;gap:6px;padding:8px 16px 2px;font-weight:600;display:flex}.comments-head .num{color:var(--muted);font-weight:400}.comments-head .like-btn{font-size:var(--fs-meta);margin-left:auto;margin-right:-10px}.detail-likes{font-size:var(--fs-meta);color:var(--ink-2);align-items:center;gap:6px;padding:0 16px 8px;display:flex}.detail-likes svg{color:var(--muted);flex:none}.comment{gap:10px;padding:12px 16px;display:flex;position:relative}.comment+.comment:before{content:"";border-top:.5px solid var(--line-2);position:absolute;top:0;left:62px;right:0}.comment-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.comment-top b{font-size:var(--fs-body);color:var(--ink);font-weight:600}.comment-top span{font-size:var(--fs-meta);color:var(--muted);white-space:nowrap}.comment-voice{margin:6px 0 2px}.comment-text{font-size:var(--fs-body);color:var(--ink);margin-top:2px;line-height:1.6}.comment-text.transcript{color:var(--ink-2);font-size:var(--fs-meta)}.comment-text.pending{align-items:center;gap:8px;display:inline-flex}.comment-bar{background:var(--surface-2);border-top:.5px solid var(--line-2);z-index:var(--z-bar);flex:none;align-items:center;gap:8px;padding:8px 10px 28px;display:flex;position:relative}.cb-switch{width:44px;height:44px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;display:grid}.cb-switch:active{background:var(--paper-2)}.cb-input{border-radius:var(--r-ctl);border-color:var(--line-2);min-height:44px}.cb-send{border-radius:var(--r-ctl);background:var(--accent);width:44px;height:44px;color:var(--surface);flex:none;place-items:center;display:grid}.cb-send:disabled{background:var(--paper-2);color:var(--faint)}.book-page{--u:calc(100cqw / 86);aspect-ratio:180/250;width:100%;font-family:var(--font-print);color:var(--ink);background:#fcfbf8;border-radius:3px 6px 6px 3px;flex-direction:column;padding:7% 7% 6%;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #e4e0d9,0 14px 34px #3c281e29,inset 14px 0 18px -16px #3c281e59;container-type:inline-size}.bp-photo{aspect-ratio:86/80.6;background:var(--paper-2);border-radius:2px;flex:none;overflow:hidden}.no-comments .bp-photo{aspect-ratio:86/86}.bp-photo img{object-fit:cover;width:100%;height:100%}.bp-nophoto{justify-content:center;align-items:center;gap:calc(var(--u) * 2);width:100%;height:100%;font-size:calc(var(--u) * 3);color:var(--muted);font-family:var(--font);flex-direction:column;display:flex}.bp-main{gap:calc(var(--u) * 3);margin-top:calc(var(--u) * 2.4);align-items:flex-start;display:flex}.bp-text{flex:1;min-width:0}.bp-title{font-size:calc(var(--u) * 4.2);letter-spacing:.calc(var(--u) * 1);font-weight:700;line-height:1.25}.bp-sign{font-size:calc(var(--u) * 2.4);color:var(--muted);margin:.calc(var(--u) * 6) 0 calc(var(--u) * 1);line-height:1.3;font-family:var(--font);gap:calc(var(--u) * 1.8);display:flex}.bp-quote{font-size:calc(var(--u) * 2.85);color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.no-comments .bp-quote{font-size:calc(var(--u) * 3.3);-webkit-line-clamp:4}.bp-code{align-items:center;gap:.calc(var(--u) * 6);font-size:calc(var(--u) * 2.1);color:var(--muted);font-family:var(--font);flex-direction:column;flex:none;display:flex}.bp-code svg{width:calc(var(--u) * 11.5);height:auto;display:block}.bp-comments{margin-top:calc(var(--u) * 1.6);padding-top:calc(var(--u) * 1.4);gap:calc(var(--u) * 2.5);border-top:.5px solid #ddd7cf;min-height:0;display:flex}.bp-list{gap:.calc(var(--u) * 5);flex-direction:column;flex:1;min-width:0;display:flex}.bp-ch{font-size:calc(var(--u) * 2.6);color:var(--accent-ink);font-weight:700;line-height:1.3;font-family:var(--font)}.bp-c{align-items:baseline;gap:calc(var(--u) * 1.2);font-size:calc(var(--u) * 2.5);color:var(--ink-2);line-height:1.4;display:flex}.bp-c-ic{width:calc(var(--u) * 2.4);font-size:calc(var(--u) * 2.2);color:var(--muted);transform:translateY(.calc(var(--u) * 3));flex:none;place-items:center;display:inline-grid}.bp-c.has-code .bp-c-ic{color:var(--accent)}.bp-c-t{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.bp-c-t b{color:var(--ink)}.bp-codes{gap:.calc(var(--u) * 8);flex-direction:column;flex:none;display:flex}.bp-code-cell{justify-content:flex-end;align-items:center;gap:calc(var(--u) * 1.2);font-size:calc(var(--u) * 2.1);color:var(--muted);line-height:1.2;font-family:var(--font);white-space:nowrap;display:flex}.bp-code-cell svg{width:calc(var(--u) * 6.2);height:auto;display:block}.bp-code-cell .minicode,.bp-code .minicode{flex:none}.bp-foot{bottom:calc(var(--u) * 2.2);text-align:center;font-size:calc(var(--u) * 1.9);letter-spacing:.calc(var(--u) * 3);color:var(--faint);font-family:var(--font);position:absolute;left:0;right:0}.book-cover{color:var(--ink);--u:calc(100cqw / 80);font-family:var(--font);background-color:#d8d2c8;padding:10%;box-shadow:0 14px 34px #3c281e38,inset 10px 0 14px -10px #00000059}.book-page .logo{font-size:calc(var(--u) * 4)!important}.book-page .logo svg{width:1.15em;height:1.15em}.bc-top{opacity:.92}.bc-center{text-align:center;justify-content:center;align-items:center;gap:calc(var(--u) * 1.3);flex-direction:column;flex:1;display:flex}.bc-name{font-size:calc(var(--u) * 11);font-weight:700;line-height:1.2;font-family:var(--font-print);letter-spacing:calc(var(--u) * 1.3);margin-top:0}.bc-node{font-size:calc(var(--u) * 4.6);letter-spacing:calc(var(--u) * 2);opacity:.95;font-family:var(--font-print)}.bc-meta{font-size:calc(var(--u) * 3.6);opacity:.7;margin-top:calc(var(--u) * 4.6);padding-top:calc(var(--u) * 3.3);border-top:.5px solid #1f1e1c40}.bc-bottom{text-align:center;font-size:calc(var(--u) * 3.6);letter-spacing:.calc(var(--u) * 7);opacity:.92}.bc-bottom .kw{color:inherit;font-weight:700}.book-back{text-align:center;justify-content:center;align-items:center;gap:calc(var(--u) * 4);font-family:var(--font)}.book-back .logo{font-size:calc(var(--u) * 5.3)!important}.book-back p{font-size:calc(var(--u) * 4);color:var(--ink-2);line-height:1.9;font-family:var(--font-print);margin:0}.book-back .bb-sub{font-size:calc(var(--u) * 4.6);color:var(--ink);letter-spacing:.calc(var(--u) * 3)}.book-back .minicode svg,.book-back>svg{width:calc(var(--u) * 28);height:auto;display:block}.bb-cta{font-size:calc(var(--u) * 3.6);color:var(--muted)}.bb-slogan{bottom:calc(var(--u) * 4);font-size:calc(var(--u) * 2.6);color:var(--faint);letter-spacing:.calc(var(--u) * 3);position:absolute}.book-hero{margin:4px 2px 20px}.book-hero h2{font-size:var(--fs-display);letter-spacing:-.3px;margin:0 0 4px;font-weight:600}.book-hero p{color:var(--ink-2);margin:0}.timeline{grid-template-columns:repeat(4,1fr);display:grid;position:relative}.timeline:before{content:"";background:var(--line-2);height:2px;position:absolute;top:21px;left:12.5%;right:12.5%}.tl-node{position:relative}.tl-node.reached+.tl-node.reached:before{z-index:0;content:"";background:var(--ink-2);width:100%;height:2px;position:absolute;top:21px;right:50%}.tl-node button{z-index:1;border-radius:14px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:8px 0 10px;transition:background .2s;display:flex;position:relative}.tl-dot{z-index:1;background:var(--paper);width:28px;height:28px;color:var(--muted);box-shadow:inset 0 0 0 2px var(--line-2);border-radius:50%;place-items:center;display:grid;position:relative}.tl-node.reached .tl-dot{background:var(--ink-2);color:var(--surface);box-shadow:none}.tl-node.on.reached .tl-dot{background:var(--accent)}.tl-node b{margin-top:4px;font-size:16px}.tl-sub{color:var(--muted);white-space:nowrap;font-size:16px}.tl-node.on button{background:var(--surface)}.tl-node.on b{color:var(--accent-ink)}.node-info{background:var(--surface);border-radius:var(--r-con);box-shadow:var(--lift-1);margin-top:14px;padding:18px}.ni-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.ni-top h3{margin:0 0 2px;font-size:18px}.ni-top p{color:var(--muted);margin:0;font-size:16px}.ni-stats{color:var(--muted);justify-content:space-between;gap:8px;margin-top:10px;font-size:16px;display:flex}.ni-stats b{color:var(--ink);font-size:16px;font-weight:600}.flip-wrap{perspective:1400px;padding:0 30px;position:relative}.flip{transform-origin:0}.flip-btn{background:var(--surface);width:48px;height:48px;box-shadow:var(--lift-2);z-index:2;border-radius:50%;place-items:center;transition:opacity .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.flip-btn:disabled{opacity:.3}.flip-btn.l{left:-10px}.flip-btn.r{right:-10px}.page-dots{flex-wrap:wrap;justify-content:center;gap:2px;margin-top:12px;display:flex}.page-dots button{place-items:center;width:22px;height:24px;display:grid}.page-dots i{background:var(--line-2);width:6px;height:6px;transition:width .25s var(--ease), background .2s;border-radius:6px}.page-dots button.on i{background:var(--accent);width:18px}.flip-note{color:var(--muted);text-align:center;margin:2px 0 0;font-size:16px}.preface{border-left:2px solid var(--accent-soft);margin-top:24px;padding:4px 4px 4px 18px}.pf-head{align-items:center;gap:8px;margin-bottom:6px;font-size:16px;display:flex}.preface p{color:var(--ink-2);font-size:16px;line-height:1.8;font-family:var(--font-print);margin:0}.order{background:var(--surface);border-radius:var(--r-con);box-shadow:var(--lift-2);margin-top:24px;padding:18px}.order-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.order-top h3{margin:0 0 2px;font-size:18px}.order-top p{color:var(--muted);margin:0;font-size:16px}.price{color:var(--ink);white-space:nowrap;font-size:16px;font-weight:600}.price b{font-size:32px;font-weight:600}.check-list{color:var(--ink-2);flex-direction:column;gap:6px;margin:14px 0 16px;font-size:16px;display:flex}.check-list li{align-items:center;gap:8px;display:flex}.check-list svg{color:var(--muted);flex:none}.check-list .warn{color:var(--accent-ink)}.check-list .warn svg{color:var(--accent)}.soon-list{background:var(--surface);border-radius:var(--r-con);overflow:hidden}.soon-list li{min-height:60px;color:var(--ink-2);cursor:default;align-items:center;gap:14px;padding:8px 16px;display:flex;position:relative}.soon-list li+li:before{content:"";border-top:.5px solid var(--line-2);position:absolute;top:0;left:52px;right:0}.soon-list b{color:var(--ink);font-size:var(--fs-body);font-weight:400;display:block}.soon-list .grow span{font-size:var(--fs-meta);color:var(--muted)}.soon-list .ic{width:22px;color:var(--muted);flex:none;place-items:center;display:grid}.order-lines{margin-top:12px;padding:4px 16px}.ol-row{justify-content:space-between;align-items:center;min-height:48px;font-size:16px;display:flex}.ol-row+.ol-row{border-top:.5px solid var(--line-2)}.ol-row.muted{color:var(--muted);font-size:16px}.stepper{align-items:center;gap:10px;display:flex}.stepper button{background:var(--paper);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.stepper button:disabled{opacity:.35}.stepper b{text-align:center;min-width:20px;font-size:18px}.addr{min-height:72px}.listen-dark{color:var(--surface);background:#1c1a18;flex-direction:column;flex:1;display:flex}.listen-dark .capsule{background:#fffefc1a;border-color:#fffefc33}.listen-dark .capsule .dots b{background:var(--surface)}.listen-dark .capsule .ring{border-color:var(--surface)}.listen-dark .capsule .ring:after{background:var(--surface)}.listen-dark .back{color:var(--surface)}.listen-opening{color:#fffefcd1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;font-size:16px;display:flex}.scan-box{border-radius:var(--r-con);color:#fffefc8c;border:1.5px solid #fffefc38;place-items:center;width:188px;height:188px;display:grid;position:relative;overflow:hidden}.scan-box i{opacity:.8;height:2px;animation:scan 1.4s var(--ease) infinite;background:#3bc57a;position:absolute;top:0;left:10%;right:10%}@keyframes scan{to{top:100%}}.listen-auth{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:24px;display:flex}.auth-card{background:var(--surface);width:100%;color:var(--ink);border-radius:var(--r-sheet);text-align:center;animation:fadeUp .4s var(--ease);flex-direction:column;align-items:center;padding:28px 22px 20px;display:flex}.auth-card h3{margin:12px 0 6px;font-size:24px}.auth-card p{color:var(--ink-2);margin:0 0 22px;font-size:16px;line-height:1.7}.auth-card p b{color:var(--ink)}.auth-note{text-align:left;color:var(--muted);align-items:flex-start;gap:8px;margin-top:14px;font-size:16px;line-height:1.55;display:flex}.auth-note svg{flex:none;margin-top:1px}.listen-light{background:var(--paper);flex-direction:column;flex:1;min-height:0;display:flex}.listen-page{padding-bottom:32px}.perm-banner{border-radius:var(--r-ctl);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2);align-items:flex-start;gap:10px;margin:4px 16px 14px;padding:12px 14px;font-size:16px;line-height:1.5;display:flex}.perm-banner svg{color:var(--accent);flex:none}.listen-photo{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-con);width:calc(100% - 32px);margin:0 16px}.listen-card{background:var(--surface);border-radius:var(--r-con);box-shadow:var(--lift-1);margin:16px;padding:20px}.lc-target{color:var(--accent-ink);margin-bottom:6px;font-size:16px;font-weight:600}.listen-card h2{margin:0 0 4px;font-size:24px}.lc-meta{color:var(--muted);font-size:16px}.lc-voice{margin:16px 0 14px}.listen-comments{border-radius:var(--r-con);box-shadow:var(--lift-1);margin:0 16px}.listen-more{padding:12px 16px 0}.listen-foot{border-top:.5px solid var(--line-2);text-align:center;flex-direction:column;align-items:center;gap:6px;margin:32px 16px 0;padding-top:28px;display:flex}.lf-slogan{margin-top:10px;font-size:18px;font-weight:600}.listen-foot p{color:var(--muted);margin:0 0 14px;font-size:16px}.me-head{align-items:center;gap:14px;margin:8px 4px 20px;display:flex}.me-name{font-size:var(--fs-title);align-items:center;gap:8px;font-weight:600;line-height:1.3;display:flex}.me-sub{font-size:var(--fs-meta);color:var(--muted);margin-top:2px}.points-card{--inset:52px}.pc-row{align-items:center;display:flex}.pc-main{text-align:left;flex:1;align-items:center;gap:14px;min-width:0;min-height:64px;padding:8px 0 8px 16px;display:flex}.pc-main:active{opacity:.7}.pc-main .ic{width:22px;color:var(--ink-2);flex:none;place-items:center;display:grid}.pc-label{font-size:var(--fs-body);color:var(--ink);align-items:baseline;gap:8px;display:flex}.points-num{font-size:var(--fs-title);color:var(--ink);font-weight:600;line-height:1.2}.pc-spend{min-height:44px;font-size:var(--fs-meta);color:var(--accent);white-space:nowrap;flex:none;padding:0 16px 0 8px;font-weight:500}.pc-spend:active{opacity:.6}.me-foot{font-size:var(--fs-meta);color:var(--faint);text-align:center;margin-top:28px;line-height:1.7}.rules{flex-direction:column;gap:12px;display:flex}.rule-group{border-radius:var(--r-con);padding:4px 14px}.rule-group h4{font-size:var(--fs-meta);color:var(--muted);margin:8px 0 2px;font-weight:400}.rule{min-height:44px;font-size:var(--fs-body);justify-content:space-between;align-items:center;gap:12px;display:flex}.rule+.rule{border-top:.5px solid var(--line-2)}.rule b{white-space:nowrap;font-weight:500}.invite-banner{background:var(--surface);width:100%;color:var(--ink-2);border-radius:var(--r-con);text-align:left;align-items:center;gap:14px;min-height:64px;margin-top:12px;padding:12px 16px;display:flex}.invite-banner>svg{color:var(--faint)}.invite-banner b{color:var(--ink);font-size:16px;display:block}.invite-banner .grow span{font-size:var(--fs-meta);color:var(--muted);display:block}.members{background:var(--surface);border-radius:var(--r-con);box-shadow:var(--lift-1);grid-template-columns:repeat(auto-fill,minmax(54px,1fr));row-gap:18px;padding:18px 8px;display:grid}.member{color:var(--ink-2);flex-direction:column;align-items:center;gap:6px;font-size:16px;display:flex}.member .add{border:1.5px dashed var(--line-2);width:48px;height:48px;color:var(--muted);border-radius:32%;place-items:center;display:grid}.member .add:active{background:var(--paper)}.ledger-quota .list-item{min-height:48px}.bf-intro{align-items:flex-start;gap:14px;margin:4px 0 24px;display:flex}.bf-intro h2{font-size:var(--fs-title);margin:0 0 4px}.bf-intro p{color:var(--ink-2);margin:0}.bf-photo{border-radius:var(--r-con);aspect-ratio:4/3;position:relative;overflow:hidden}.bf-photo img{object-fit:cover;width:100%;height:100%}.bf-change{position:absolute;top:12px;right:12px}.bf-exif{background:var(--surface);border-radius:var(--r-con);box-shadow:var(--lift-1);margin-top:14px;padding:16px}.bf-label{align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:600;display:flex}.bf-label svg{color:var(--accent)}.bf-loading{color:var(--ink-2);align-items:center;gap:12px;font-size:16px;display:flex}.bf-loading.boxed{background:var(--surface);border-radius:var(--r-con);box-shadow:var(--lift-1);padding:18px 16px}.bf-result{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.bf-result>div{background:var(--paper);border-radius:12px;flex-direction:column;padding:10px 12px;display:flex}.bf-result span{color:var(--muted);font-size:16px}.bf-result b{font-size:16px}.bf-text{background:var(--surface);border-radius:var(--r-con);box-shadow:var(--lift-1);flex-direction:column;align-items:flex-start;gap:12px;padding:14px;display:flex}.bf-text textarea{background:var(--paper);border:0}.bf-save{margin-top:20px}.q-lines dd,.q-mini,.streak-hint,.mc-text,.comment-text,.detail-text,.ob-sub,.cn-head p,.ni-top p,.ir-sub{text-wrap:pretty}.flip-note,.sheet-note,.compose-note,.welcome-pitch,.auth-card p,.listen-foot p{text-wrap:balance}.flow{counter-reset:f;gap:6px;margin:4px 0 14px;padding:0;display:flex}.flow li{color:var(--muted);border-top:3px solid var(--line-2);flex:1;padding-top:8px;font-size:16px}.flow li.done{color:var(--ink-2);border-color:var(--accent-soft)}.flow li.on{color:var(--accent-ink);border-color:var(--accent);font-weight:600}.seg-lead .opt{color:var(--muted);font-weight:400}.seg-lead .opt.on{color:var(--ink);font-weight:500}.seg-note{font-size:var(--fs-meta);color:var(--muted);text-align:left;margin:0 2px 10px}.print-flow{margin:0 0 20px}.sheet .print-flow{margin:0 0 16px}.bk-h{margin:0 2px 10px;font-size:18px;font-weight:600}.bk-range-note{color:var(--ink-2);margin:12px 2px 0;font-size:16px}.bk-range-note b{color:var(--ink);font-weight:600}.book-cta{margin-top:20px}.order-step{flex-direction:column;display:flex}.cover-pick{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.cover-opt{color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:8px;font-size:16px;display:flex}.cover-opt.on{box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent-ink);background:var(--accent-wash);font-weight:600}.cover-opt .book-page{pointer-events:none}.addr-group{margin-top:12px}.cover-paper{color:var(--ink);background:#fcfbf8;box-shadow:0 1px #e4e0d9,0 14px 34px #3c281e24,inset 10px 0 14px -12px #3c281e4d}.cover-paper .bc-meta{border-top-color:var(--line-2)}.cover-paper .bc-bottom .kw{color:inherit}.compose.recording .flow,.compose.recording .q-mini,.compose.recording .compose-note,.compose.recording .compose-photo{visibility:hidden}.bc-center{justify-content:center;padding-bottom:8%}.voice-only-link{min-height:40px;font-size:var(--fs-meta);color:var(--muted);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);align-self:center;padding:0 8px}.compose.recording .voice-only-link{visibility:hidden}.pick-list{background:var(--surface);border-radius:var(--r-con);box-shadow:var(--lift-1);overflow:hidden}.pk-row{align-items:center;gap:4px;padding:8px 8px 8px 12px;display:flex}.pk-row+.pk-row{border-top:.5px solid var(--line-2)}.pk-check{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;min-height:56px;display:flex}.pk-box{width:26px;height:26px;box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--surface);border-radius:8px;flex:none;place-items:center;display:grid}.pk-row.on .pk-box{background:var(--accent);box-shadow:none}.pk-check img,.pk-nophoto{object-fit:cover;background:var(--accent-wash);border-radius:10px;flex:none;width:52px;height:52px}.pk-text{flex-direction:column;min-width:0;display:flex}.pk-text b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.pk-text span{color:var(--muted);font-size:16px}.pk-row:not(.on) .pk-check img,.pk-row:not(.on) .pk-nophoto{opacity:.4;filter:grayscale(.6)}.pk-row:not(.on) .pk-text b{color:var(--faint);text-decoration:line-through}.pk-move{flex:none;display:flex}.pk-move button{width:44px;height:44px;color:var(--ink-2);border-radius:12px;place-items:center;display:grid}.pk-move button:active{background:var(--paper)}.pk-move button:disabled{opacity:.25}.qr-toggle{background:var(--surface);border-radius:var(--r-con);box-shadow:var(--lift-1);align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.qr-toggle>svg{color:var(--ink-2);flex:none}.qr-toggle b{font-size:16px;font-weight:600;display:block}.qr-toggle .grow>span{color:var(--muted);font-size:16px}.switch{background:var(--line-2);border-radius:16px;flex:none;width:52px;height:32px;transition:background .2s;position:relative}.switch i{background:var(--surface);width:26px;height:26px;transition:transform .25s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #3c281e40}.switch.on{background:var(--accent)}.switch.on i{transform:translate(20px)}.flow li{white-space:nowrap;min-width:0}.print-flow li:nth-child(2){flex:1.6}.family-page .members-list{margin:0}.family-page .add-ic{background:var(--surface);border:.5px solid var(--line-2);width:44px;height:44px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.family-page .list-item{cursor:default}.family-page .list-item[role=button]{cursor:pointer}.family-invite{margin-top:20px}.family-note{text-align:center;font-size:var(--fs-meta);color:var(--muted);margin:10px 0 0}.dc-head{font-size:var(--fs-meta);color:var(--muted);margin:0 2px 12px}.dc-grid{columns:2;column-gap:12px}.dc-grid li{break-inside:avoid;margin-bottom:18px}.dc-card{cursor:pointer}.dc-card:active{opacity:.85}.dc-cover{aspect-ratio:3/4;border-radius:var(--r-photo);background:var(--paper-2);position:relative;overflow:hidden}.dc-cover.square{aspect-ratio:1}.dc-cover img{object-fit:cover;width:100%;height:100%}.dc-play{width:24px;height:24px;color:var(--surface);background:#1f1e1c73;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.dc-card h4{font-size:var(--fs-body);margin:8px 2px 2px;font-weight:600;line-height:1.4}.dc-card p{font-size:var(--fs-meta);color:var(--muted);margin:0 2px;line-height:1.45}.dc-same{min-height:36px;font-size:var(--fs-meta);color:var(--ink);align-items:center;gap:1px;margin:0 0 -6px;padding:0 2px;font-weight:500;display:inline-flex}.dc-same svg{color:var(--faint)}.same-src{background:var(--surface);border-radius:var(--r-con);box-shadow:var(--lift-1);align-items:center;gap:12px;margin-bottom:16px;padding:10px;display:flex}.same-src img{object-fit:cover;border-radius:10px;flex:none;width:56px;height:56px}.same-src b{font-size:16px;display:block}.same-src .grow span{color:var(--muted);font-size:16px}.same-tpls{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.same-tpl{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);text-align:left;border-radius:16px;flex-direction:column;gap:6px;padding:12px;display:flex}.same-tpl.on{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-wash)}.same-tpl b{font-size:16px}.same-tpl>span:last-child{color:var(--muted);font-size:16px}.tpl-art{aspect-ratio:4/5;box-shadow:inset 0 0 0 1px var(--line);background:#fcfbf8;border-radius:8px;gap:4px;padding:8px;display:grid}.tpl-art.grid{grid-template-columns:1fr 1fr}.tpl-art i{background:var(--paper-2);border-radius:3px}.tpl-art.single i{height:62%}.same-photos,.pd-pick{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;display:grid}.same-ph{aspect-ratio:1;background:var(--paper-2);border-radius:12px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.same-ph img{object-fit:cover;width:100%;height:100%}.same-ph.on{box-shadow:0 0 0 3px var(--accent)}.same-ph.new{color:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--line-2);background:var(--surface);flex-direction:column;gap:2px;font-size:16px}.sp-check{width:24px;height:24px;color:var(--surface);background:#fffefce6;border-radius:8px;place-items:center;display:grid;position:absolute;top:4px;right:4px}.same-ph.on .sp-check{background:var(--accent)}.same-result{background:#fcfbf8;border-radius:6px;gap:8px;margin-bottom:12px;padding:18px;display:grid;box-shadow:0 1px #e4e0d9,0 14px 34px #3c281e24}.same-result.grid{grid-template-columns:1fr 1fr}.same-result img{aspect-ratio:4/3;object-fit:cover;border-radius:2px;width:100%}.same-result p{font-family:var(--font-print);color:var(--ink-2);margin:4px 0 0;font-size:16px;line-height:1.7}.same-note{color:var(--muted);margin:0 2px 16px;font-size:16px}.mall .group:first-child{margin-top:4px}.mall-mybook{min-height:64px}.sku-list{background:var(--surface);border-radius:var(--r-con);overflow:hidden}.sku-list li{position:relative}.sku-list li+li:before{content:"";border-top:.5px solid var(--line-2);position:absolute;top:0;left:132px;right:0}.sku{text-align:left;gap:16px;width:100%;padding:16px;display:flex}.sku:active{background:var(--surface-2)}.sku-art{flex:none;width:100px}.sku-art .book-page{box-shadow:0 1px 2px #281e181a,0 6px 14px #281e181f}.sku-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sku-info>b{font-size:var(--fs-strong);font-weight:600}.sku-pitch{font-size:var(--fs-body);color:var(--ink-2);line-height:1.45}.sku-meta{font-size:var(--fs-meta);color:var(--muted)}.sku-price{align-items:baseline;gap:8px;padding-top:6px;display:flex}.sku-price b{font-size:var(--fs-strong);color:var(--accent);font-weight:600}.sku-price em{font-size:var(--fs-meta);color:var(--muted)}.mall-more{font-size:var(--fs-meta);color:var(--muted);margin:14px 16px 0}.mall-orders{min-height:44px;font-size:var(--fs-meta);color:var(--ink-2);align-items:center;gap:2px;margin:20px auto 0;padding:0 8px;display:flex}.mall-orders svg{color:var(--faint)}.product{background:var(--paper)}.pd-hero{background:var(--paper-2);place-items:center;padding:24px 0 28px;display:grid}.pd-cover{width:52%}.pd-body{padding-top:16px}.pd-price{color:var(--accent);font-size:var(--fs-title);align-items:baseline;gap:8px;font-weight:600;display:flex}.pd-price b{font-size:inherit;font-weight:600}.pd-price>span{font-size:var(--fs-meta);color:var(--muted);margin-left:auto;font-weight:400}.pd-title{font-size:var(--fs-title);margin:4px 0 2px;font-weight:600}.pd-pitch{color:var(--ink-2);margin:0 0 12px}.group.pd-specs{background:0 0;border-radius:0}.pd-specs li{min-height:30px;font-size:var(--fs-body);align-items:baseline;gap:12px;display:flex}.group.pd-specs>li+li:before{display:none}.pd-specs span{width:4em;color:var(--muted);font-size:var(--fs-meta);flex:none}.pd-specs b{color:var(--ink);font-weight:400}.pd-samples{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pd-samples .book-page{pointer-events:none}.pd-qty{margin-bottom:16px;padding:0 2px}.pd-bar{background:var(--surface);border-top:.5px solid var(--line-2);flex:none;align-items:center;gap:12px;padding:10px 16px 28px;display:flex}.pd-total{color:var(--accent);font-size:var(--fs-title);font-weight:600}.pd-total b{font-size:inherit;font-weight:600}.pd-ship{color:var(--muted);margin-left:8px;font-size:16px}.pd-buy{min-width:150px}.pd-line img{object-fit:cover;border-radius:8px;width:40px;height:40px;margin-right:10px}.bc-photo{width:calc(var(--u) * 46);aspect-ratio:1;margin-bottom:calc(var(--u) * 6);box-shadow:0 0 0 calc(var(--u) * 1.2) #f4f1eb;border-radius:3px;overflow:hidden}.bc-photo img{object-fit:cover;width:100%;height:100%}.cover-paper .bc-photo{box-shadow:0 0 0 1px var(--line-2)}.od-row{align-items:center;gap:12px;min-height:72px;padding:10px 16px;display:flex}.od-row+.od-row{border-top:.5px solid var(--line-2)}.od-row img,.od-ic{object-fit:cover;background:var(--paper-2);width:52px;height:52px;color:var(--ink-2);border-radius:10px;flex:none;place-items:center;display:grid}.od-row b{font-size:16px;display:block}.od-side{color:var(--muted);flex-direction:column;align-items:flex-end;font-size:16px;display:flex}.od-side b{color:var(--ink)}.me-rows{margin-top:12px}.me-row{text-align:left;align-items:center;gap:14px;width:100%;min-height:64px;padding:8px 14px 8px 16px;display:flex}.me-row:active{background:var(--surface-2)}.me-row .ic{width:22px;color:var(--ink-2);flex:none;place-items:center;display:grid}.me-row b{font-size:var(--fs-body);color:var(--ink);font-weight:400;line-height:1.4;display:block}.me-row .grow>span{font-size:var(--fs-meta);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;line-height:1.45;display:block;overflow:hidden}.me-row .meta{font-size:var(--fs-meta);color:var(--muted)}.me-row .chev{color:var(--faint);flex:none}.me-faces{flex:none;padding-left:6px;display:flex}.me-faces .avatar{box-shadow:0 0 0 1.5px var(--surface);margin-left:-6px}