:root{--navy:#4d516d;--rose:#a8868c;--mist:#b5a4b4;--almond:#d3bcb6;--sgray:#dddad5;--bg:#ece8df;--bg-soft:#f4f1e8;--card:#f4f0e6;--card-2:#e4e1d8;--line:#cdc6b6;--ink:#3c3f56;--ink-dim:#65687f;--ink-faint:#9b98a8;--coral:#4d516d;--coral-soft:#6b6e87;--amber:#d3bcb6;--violet:#a8868c;--violet-soft:#b5a4b4;--mint:#4d516d;--danger:#c0455e;--radius:4px;--shadow:5px 5px 0 var(--violet)}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;background:radial-gradient(rgba(77,81,109,.16) 1.1px,transparent 1.2px) 0 0/7px 7px,var(--bg)}body{min-height:100%;background:transparent;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.bottomnav,.wrap{position:relative;z-index:1}.wrap{max-width:720px;margin:0 auto;padding:calc(28px + env(safe-area-inset-top)) 20px calc(96px + env(safe-area-inset-bottom))}.brand{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.brand-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.brand-en{font-size:34px;font-weight:900;letter-spacing:-.6px;color:var(--navy);text-shadow:3px 3px 0 var(--rose);line-height:1}.brand-zh{font-size:20px;font-weight:700;color:var(--ink)}.brand-tag{font-size:14px;color:var(--ink-dim);line-height:1.5}.brand-slogan{font-size:13px;color:var(--ink-faint);font-style:italic}.panel{background:var(--card);border:2px solid var(--navy);border-radius:var(--radius);padding:22px 20px 24px}.field-label{font-size:13px;font-weight:600;color:var(--ink-dim);margin-bottom:10px;display:flex;align-items:center;gap:8px}.field-label .dot{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 12px var(--coral)}textarea.regret{width:100%;min-height:96px;resize:vertical;background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;color:var(--ink);font-size:16px;line-height:1.6;padding:14px 16px;font-family:inherit;transition:border-color .18s ease,box-shadow .18s ease}textarea.regret::placeholder{color:var(--ink-faint)}textarea.regret:focus{outline:none;border-color:var(--coral);box-shadow:0 0 0 3px rgba(147,129,255,.2)}.hint-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hint-chip{font-size:12px;color:var(--ink-dim);background:var(--card-2);border:1.5px solid var(--navy);border-radius:2px;padding:6px 12px;cursor:pointer;font-family:inherit;font-weight:600;transition:all .12s ease}.hint-chip:hover{background:var(--almond);color:var(--navy)}.tones{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-top:18px}.tone{text-align:left;background:var(--card);border:2px solid var(--navy);border-radius:var(--radius);padding:14px;cursor:pointer;transition:all .12s ease;color:var(--ink);font-family:inherit}.tone:hover{background:var(--almond)}.tone.active{background:var(--rose);color:var(--bg);border-color:var(--rose)}.tone.active .tone-blurb,.tone.active .tone-persona{color:var(--bg);opacity:.85}.tone-name{font-size:15px;font-weight:700;display:flex;align-items:center;gap:7px}.tone-persona{font-size:11px;color:var(--ink-faint);margin-top:3px}.tone-blurb{font-size:12px;color:var(--ink-dim);margin-top:6px;line-height:1.4}.go{width:100%;margin-top:18px;border:2px solid var(--navy);border-radius:var(--radius);padding:15px;font-size:16px;font-weight:900;letter-spacing:4px;color:var(--bg);background:var(--navy);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .16s ease;font-family:inherit;box-shadow:5px 5px 0 var(--rose)}.go:hover{transform:translate(-1px,-1px);box-shadow:7px 7px 0 var(--rose)}.go:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--rose)}.go:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:3px 3px 0 var(--rose)}.result{margin-top:24px;animation:rise .4s cubic-bezier(.2,.8,.2,1)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.card{position:relative;background:var(--card);border:2px solid var(--navy);border-radius:var(--radius);padding:26px 24px 22px;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(77,81,109,.18) 1px,transparent 1.1px) 0 0/6px 6px;opacity:.5;pointer-events:none}.card-head{justify-content:space-between;margin-bottom:16px;position:relative}.card-head,.card-tone{display:flex;align-items:center}.card-tone{font-size:12px;font-weight:700;color:var(--amber);gap:6px}.card-mark{font-size:11px;font-weight:900;letter-spacing:2px;color:var(--bg);background:var(--rose);padding:4px 10px;border-radius:2px;transform:rotate(3deg);display:inline-block}.card-line{font-size:21px;line-height:1.62;font-weight:600;color:var(--ink);position:relative}.verdict{margin-top:16px;display:inline-block;font-size:12px;font-weight:700;color:var(--violet);background:rgba(147,129,255,.14);border:1px solid rgba(147,129,255,.32);border-radius:999px;padding:6px 12px}.action,.verdict{position:relative}.action{margin-top:18px;background:var(--bg-soft);border:1px dashed var(--line);border-left:3px solid var(--mint);border-radius:12px;padding:14px 16px}.action-label{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--mint);margin-bottom:6px}.action-text{font-size:14px;line-height:1.6;color:var(--ink-dim)}.card-foot{font-size:11px;color:var(--ink-faint);align-items:center;justify-content:space-between;position:relative}.actions,.card-foot{margin-top:18px;display:flex}.actions{gap:10px;flex-wrap:wrap}.btn{flex:1 1;min-width:124px;border:2px solid var(--navy);background:var(--card);color:var(--navy);border-radius:var(--radius);padding:11px 12px;font-size:13px;font-weight:800;letter-spacing:1.5px;cursor:pointer;transition:transform .12s ease,background .14s ease,color .14s ease,box-shadow .14s ease;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative}.btn:hover{background:var(--navy);color:var(--card)}.btn:active{transform:translate(1px,1px)}.btn.primary{background:var(--navy);color:var(--card);box-shadow:4px 4px 0 var(--rose)}.btn.primary:hover{background:var(--rose);color:var(--card);box-shadow:2px 2px 0 var(--navy)}.btn.primary:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--rose)}.btn:disabled{opacity:.5;cursor:progress;transform:none}.crisis{margin-top:24px;background:#f6edff;border:1px solid rgba(224,86,127,.4);border-radius:var(--radius);padding:24px;animation:rise .4s cubic-bezier(.2,.8,.2,1)}.crisis-title{font-size:19px;font-weight:800;color:#c0466e;margin-bottom:12px}.crisis-body{font-size:15px;line-height:1.7;color:var(--ink);margin-bottom:14px}.crisis-cta{font-size:14px;line-height:1.7;color:var(--ink-dim);margin-bottom:16px}.resources{display:flex;flex-direction:column;gap:8px}.resource{display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(112,99,216,.05);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.resource-name{font-size:13px;color:var(--ink)}.resource-region{font-size:11px;color:var(--ink-faint)}.resource-contact{font-size:15px;font-weight:800;color:var(--mint);white-space:nowrap}.crisis-reassure{margin-top:16px;font-size:13px;color:var(--ink-faint);line-height:1.6;font-style:italic}.crisis-back{margin-top:18px;background:transparent;border:1px solid var(--line);color:var(--ink-dim);border-radius:10px;padding:10px 16px;font-size:13px;cursor:pointer;font-family:inherit}.foot{margin-top:36px;text-align:center;font-size:12px;color:var(--ink-faint);line-height:1.7}.foot strong{color:var(--ink-dim)}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);font-size:13px;font-weight:700;padding:11px 18px;border-radius:999px;box-shadow:var(--shadow);animation:rise .3s ease;z-index:50}@media (max-width:480px){.brand-en{font-size:28px}.card-line{font-size:19px}.tones{grid-template-columns:1fr}}.app-shell{padding-bottom:84px}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-around;align-items:stretch;background:radial-gradient(rgba(77,81,109,.14) 1px,transparent 1.1px) 0 0/7px 7px,var(--bg);border-top:2px solid var(--navy);padding:8px 6px calc(8px + env(safe-area-inset-bottom));max-width:720px;margin:0 auto}.bottomnav:before{content:"";position:absolute;left:0;right:0;top:-4px;height:2px;background:var(--rose);opacity:.85;pointer-events:none}.navitem{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px 4px;text-decoration:none;color:var(--ink-dim);position:relative;transition:color .15s ease}.navitem .navlabel{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.navitem.active,.navitem.active .navlabel{color:var(--navy)}.navitem.active:after{content:"";position:absolute;bottom:-1px;left:50%;width:26px;height:3px;background:var(--rose);transform:translateX(-50%);box-shadow:2px 2px 0 rgba(77,81,109,.22)}body:has(.sheet) .bottomnav{display:none}.plan-badge{margin-left:auto;font-size:10px;font-weight:900;letter-spacing:2px;color:var(--navy);border:1.5px solid var(--navy);border-radius:2px;padding:3px 9px;text-decoration:none}.plan-badge[data-pro=true]{color:var(--bg);background:var(--rose);border-color:var(--rose)}.brand-flow{display:none}.daily{margin-bottom:18px;border:2px solid var(--navy);border-radius:var(--radius);background:var(--almond);overflow:hidden}.daily-peek{justify-content:space-between;width:100%;padding:11px 16px;background:transparent;border:none;cursor:pointer;font-family:inherit;color:var(--navy);text-align:left}.daily-peek,.daily-peek .left{display:flex;align-items:center}.daily-peek .left{gap:8px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.daily-peek .chev{font-size:13px;font-weight:800;color:var(--navy);transition:transform .18s ease}.daily.open .daily-peek .chev{transform:rotate(180deg)}.daily-body{max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0 18px}.daily.open .daily-body{max-height:360px;padding:0 18px 16px}.daily-line{font-size:18px;font-weight:700;line-height:1.55;color:var(--navy);margin-top:4px}.daily-reflect{margin-top:10px;font-size:12.5px;color:#5d4f57;line-height:1.6;font-style:italic}.daily-save{margin-top:12px;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--navy);background:transparent;border:1.5px solid var(--navy);border-radius:2px;padding:6px 12px;cursor:pointer;font-family:inherit}.daily-save:hover{background:var(--navy);color:var(--bg)}.charcount{text-align:right;font-size:11px;color:var(--ink-faint);margin-top:6px}.actionrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.tonechip{display:inline-flex;align-items:center;gap:8px;background:var(--card-2);border:2px solid var(--navy);border-radius:2px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:800;color:var(--navy);cursor:pointer;letter-spacing:1px}.tonechip .lbl{font-size:10px;font-weight:700;color:var(--ink-dim);letter-spacing:2px;text-transform:uppercase}.tonechip .chev{margin-left:4px;font-size:12px}.tonechip:hover{background:var(--almond)}.disclose{font-size:12px;font-weight:700;color:var(--rose);background:none;border:none;cursor:pointer;font-family:inherit;letter-spacing:1px;text-decoration:underline;text-underline-offset:3px}.disclose:hover{color:var(--navy)}.hint-row.hidden{display:none}.sheet-backdrop{position:fixed;inset:0;background:rgba(60,63,86,.4);z-index:100;animation:bdfade .18s ease}@keyframes bdfade{0%{opacity:0}to{opacity:1}}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:101;background:var(--card);border-top:3px solid var(--navy);border-radius:0;padding:18px 18px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -10px 0 0 var(--rose);max-width:720px;margin:0 auto}@keyframes sheetup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sheet-title{font-size:12px;font-weight:900;letter-spacing:3px;text-transform:uppercase;color:var(--navy)}.sheet-close{background:none;border:none;font-family:inherit;font-size:12px;font-weight:800;color:var(--ink-dim);cursor:pointer;letter-spacing:1px}.sheet-tones{display:flex;flex-direction:column;gap:10px}.brand-stamp{display:inline-block;font-size:10px;font-weight:800;letter-spacing:2px;color:var(--rose);border:2px solid var(--rose);padding:3px 8px;border-radius:2px;transform:rotate(-3deg)}.tone.locked{opacity:.62}.lock-pill{font-size:9px;font-weight:800;letter-spacing:1px;color:var(--amber);border:1px solid rgba(147,129,255,.5);border-radius:999px;padding:1px 6px;margin-left:6px}.usage{font-size:12px;color:var(--ink-faint);margin-top:10px}.statebox,.usage{text-align:center}.statebox{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;color:var(--ink-dim);font-size:15px;animation:rise .3s ease}.statebox.error{border-color:rgba(224,86,127,.4);color:#c0466e}.seg{margin-top:16px;position:relative}.seg-label{font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:6px}.seg-label.reframe{color:var(--violet-soft)}.seg-label.reality{color:var(--coral-soft)}.seg-text{font-size:14px;line-height:1.62;color:var(--ink-dim)}.shareline{margin-top:18px;text-align:center;font-size:15px;font-weight:700;color:var(--amber);font-style:italic;position:relative}.rawtoggle{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;color:var(--ink-faint);cursor:pointer}.rawtoggle input{accent-color:var(--coral)}.prolock{margin-top:24px;background:var(--card);border:1px solid rgba(147,129,255,.35);border-radius:var(--radius);padding:28px 24px;text-align:center}.prolock-badge{display:inline-block;font-size:12px;font-weight:800;letter-spacing:2px;color:#ffffff;background:var(--amber);border-radius:999px;padding:4px 14px;margin-bottom:14px}.prolock-title{font-size:21px;font-weight:800;margin-bottom:10px}.prolock-desc{font-size:14px;color:var(--ink-dim);line-height:1.6;margin-bottom:20px}.prolock-hint{font-size:11px;color:var(--ink-faint);margin-top:14px}.subhead{margin-bottom:22px}.subhead h1{font-size:26px;font-weight:800;color:var(--coral);margin-bottom:6px}.subhead p{font-size:13px;color:var(--ink-dim);line-height:1.55}.fcard{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;animation:rise .4s cubic-bezier(.2,.8,.2,1)}.fcard h3{font-size:18px;font-weight:800;color:var(--ink)}.fcard h3,.frow{margin-bottom:16px}.frow-label{font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:5px}.frow-text{font-size:15px;line-height:1.6;color:var(--ink-dim)}.frow ul{list-style:none;margin-top:4px}.frow li{font-size:14px;color:var(--ink-dim);line-height:1.6;padding-left:18px;position:relative}.frow li:before{content:"·";position:absolute;left:4px;color:var(--coral);font-weight:800}.charges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.charge{font-size:12px;color:var(--ink-dim);background:var(--card-2);border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;font-family:inherit}.charge.active{border-color:var(--coral);color:var(--coral-soft)}.hist-item{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}.hist-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--ink-faint);margin-bottom:8px}.hist-kind{font-weight:700;color:var(--amber)}.hist-regret{font-size:13px;color:var(--ink-faint);margin-bottom:6px}.hist-roast{font-size:15px;color:var(--ink);line-height:1.55}.hist-del{background:transparent;border:none;cursor:pointer;font-size:12px;font-family:inherit}.empty,.hist-del{color:var(--ink-faint)}.empty{text-align:center;font-size:15px;padding:60px 20px;line-height:1.7}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:18px}.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.stat-num{font-size:28px;font-weight:800;color:var(--coral-soft)}.stat-label{font-size:12px;color:var(--ink-faint);margin-top:4px}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.bar-name{font-size:13px;color:var(--ink-dim);width:90px;flex-shrink:0}.bar-track{flex:1 1;height:10px;background:var(--card-2);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--rose);border-radius:0}.insight-note{margin-top:16px;background:rgba(147,129,255,.12);border:1px solid rgba(147,129,255,.32);border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.6;color:var(--violet-soft)}.pro-hero{text-align:center;margin-bottom:24px}.pro-benefits{list-style:none;margin-bottom:22px}.pro-benefits li{font-size:15px;color:var(--ink-dim);padding:10px 0 10px 30px;position:relative;border-bottom:1px solid var(--line)}.pro-benefits li:before{content:"✦";position:absolute;left:6px;color:var(--amber)}.pro-secondary{display:block;text-align:center;margin-top:14px;font-size:13px;color:var(--ink-faint);background:none;border:none;cursor:pointer;width:100%;font-family:inherit}.action-label,.daily-tag,.frow-label,.seg-label{display:inline-flex;align-items:center;gap:6px}.navicon{justify-content:center;line-height:0}.navicon,.tone-ico{display:inline-flex;align-items:center}.fcard-title{display:flex;align-items:center;gap:8px}.daily-reflect svg,.insight-note svg{vertical-align:-.15em}.daily-reflect,.insight-note{display:flex;align-items:flex-start;gap:7px}.daily-reflect svg,.insight-note svg{flex:0 0 auto;margin-top:.18em}.action-label,.daily-tag,.seg-label{display:inline-flex;align-items:center;gap:6px}.featureswitch{display:flex;gap:8px;margin-bottom:18px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.featureswitch::-webkit-scrollbar{display:none}.fsw{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink-dim);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .16s ease}.fsw:hover{border-color:var(--coral);color:var(--ink)}.fsw.active{background:var(--navy);border-color:var(--navy);color:var(--bg);box-shadow:3px 3px 0 var(--rose)}.lockhint{margin-top:10px;font-size:12px;color:var(--ink-faint);text-align:center;line-height:1.5}.backbar{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink-dim);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .16s ease}.backbar:hover{border-color:var(--coral);color:var(--ink)}.handoff{margin-top:18px;padding-top:18px;border-top:1px dashed var(--line)}.handoff-title{font-size:12px;font-weight:700;color:var(--ink-faint);margin-bottom:10px}.handoff-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.handoff-btn{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:14px 8px;border-radius:14px;border:1px solid var(--line);background:var(--card-2);color:var(--ink);cursor:pointer;font-family:inherit;transition:all .16s ease}.handoff-btn:hover{transform:translateY(-2px);border-color:var(--coral);box-shadow:var(--shadow)}.handoff-btn span{font-size:13px;font-weight:700}.handoff-btn small{font-size:10px;color:var(--ink-faint);line-height:1.3}.handoff-btn svg{color:var(--coral)}@media (max-width:420px){.handoff-btn small{display:none}}