:root{--night:#10232d;--dark:#183440;--muted:#adc7c8;--paper:#f9fcf7;--mint:#dcebe3;--gold:#f5cf67;--ink:#203b42;--teal:#327d75;--line:#38535d}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--night);color:var(--paper);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body{padding:20px;display:grid;place-items:center;min-height:100dvh}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.5}button:focus-visible,[tabindex]:focus-visible{outline:3px solid #d4a832;outline-offset:3px}button:active:not(:disabled){filter:brightness(.94)}[hidden]{display:none!important}.shell{width:min(1100px,100%);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--dark);box-shadow:0 25px 90px #0005}.brand{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--muted)}.primary{background:var(--gold);color:#1b333c;border:0;border-radius:13px;font-weight:850;min-height:54px;padding:15px 22px;box-shadow:0 4px 0 #a48332}.quiet{display:block;background:none;border:0;color:var(--muted);text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:10px}.intro{display:grid;grid-template-columns:1.05fr 1fr;min-height:680px}.intro-copy{padding:44px 38px;position:relative;z-index:1}.intro h1{font-size:clamp(45px,5.3vw,67px);font-weight:950;letter-spacing:-.05em;line-height:1;margin:34px 0 26px}.intro em{font-style:normal;color:var(--gold)}.lead{font-size:25px;font-weight:750;line-height:1.25}.intro-text{font-size:16px;line-height:1.6;color:#c8ddda;max-width:390px}.start-facts{display:flex;gap:24px;margin:25px 0;font-size:13px;color:var(--muted)}.start-facts b{display:block;margin-top:5px;font-size:18px;color:var(--paper)}.intro .primary{width:100%;font-size:14px}.intro-hint{font-size:12px;line-height:1.7;color:var(--muted);margin-top:22px}.resume-note{font-size:13px;color:var(--gold);line-height:1.5}.storage-note{font-size:12px;color:var(--gold)}.intro-art{position:relative;overflow:hidden;background:#274c51}.intro-art canvas{position:absolute;width:100%;height:100%;object-fit:cover;left:0;top:0}.intro-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10232de8,transparent 45%)}.art-caption{position:absolute;z-index:1;left:26px;bottom:28px;right:26px;font-size:14px;color:#fff9;line-height:1.5}.game{height:min(880px,calc(100dvh - 40px));min-height:620px;display:flex;flex-direction:column}.topbar{height:76px;flex-shrink:0;background:#112a35;display:flex;align-items:center;gap:20px;padding:12px 22px;border-bottom:1px solid var(--line)}.battery-wrap{display:flex;align-items:center;gap:10px;min-width:136px}.battery-wrap svg{width:59px;flex-shrink:0}.battery-frame{fill:none;stroke:currentColor;stroke-width:2.7}.battery-wrap{color:#a4d3ad}.battery-wrap b{font-size:21px;font-variant-numeric:tabular-nums;display:block;line-height:1.1}.battery-wrap small{font-size:10px;display:block;margin-top:4px}.cell{fill:currentColor}.cell.empty{opacity:.15}.battery-wrap.low{color:#f1b55b}.battery-wrap.critical{color:#ff9690}.wallet{flex:1;max-width:220px;margin:auto}.wallet strong{font-size:24px;letter-spacing:-.03em;display:block;line-height:1.1}.wallet small{font-size:11px;color:var(--muted);display:block;margin:4px 0}.goal-track{height:3px;border-radius:4px;background:#41616b;overflow:hidden}.goal-track i{height:100%;background:var(--gold);display:block;width:0;transition:width .3s}.tools{display:flex;gap:6px}.icon-button{height:38px;width:38px;color:#c0d9d6;border:1px solid #496875;background:#203f4d;border-radius:11px;font-size:18px}.icon-button.muted{color:#879fa4}.messenger{display:flex;flex:1;min-height:0}.sidebar{width:285px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#16313d;min-height:0}.self{padding:22px 22px 18px;text-align:center}.portrait{width:156px;height:156px;overflow:hidden;border-radius:50%;border:3px solid #aed1ce;box-shadow:0 0 0 4px #42636b;margin:0 auto 17px;background:#29454a}.portrait canvas{width:100%;height:100%}.eyebrow{font-size:9px;letter-spacing:.17em;color:#94b4b8;font-weight:850;display:block}.self-copy strong{display:block;font-size:20px;margin:4px 0}.self-copy p{font-size:11px;color:var(--muted);margin:5px 0 10px;min-height:15px}.mood-track{display:flex;align-items:center;gap:8px;max-width:170px;margin:auto;font-size:9px;color:#9ebcbc}.mood-track>div{height:3px;background:linear-gradient(90deg,#b9bfe2,#95c4b8,#df927a);position:relative;flex:1;border-radius:8px}.mood-track i{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;top:-2.5px;left:50%;transform:translateX(-50%);transition:left .25s}.inbox-heading{padding:13px 17px 10px;font-size:12px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}.inbox-heading span{color:var(--muted);font-size:11px}#inbox{overflow:auto;flex:1;padding:0 8px 10px;scrollbar-width:thin;scrollbar-color:#426875 transparent}.contact{display:flex;gap:10px;width:100%;text-align:left;background:none;border:0;color:var(--paper);border-radius:12px;padding:13px 10px;align-items:center}.contact.selected{background:#2b505c}.contact:hover{background:#234653}.contact-avatar,.client-photo{display:grid;place-items:center;border-radius:50%;background:#d9af92;color:#684b42;font-size:19px;font-weight:800;flex-shrink:0;width:40px;height:40px}.contact:nth-child(3n) .contact-avatar{background:#b4c2b5;color:#38514a}.contact:nth-child(3n + 2) .contact-avatar{background:#b7b9cf;color:#48476c}.contact-text{flex:1;min-width:0}.contact strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact small{display:block;font-size:11px;line-height:1.4;color:#9dbabe;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;margin-top:3px}.unread-dot{height:7px;width:7px;border-radius:50%;background:var(--gold);flex-shrink:0}.contact.done .contact-text strong:after{content:' ✓';color:#8fbfb0}.conversation{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:var(--mint);color:var(--ink)}.chat-header{display:flex;gap:11px;align-items:center;min-height:69px;flex-shrink:0;background:#234454;color:#fff;padding:12px 22px}.chat-header h2{font-size:17px;margin:0;line-height:1.2}.chat-header p{color:#b8d0d3;font-size:12px;margin:3px 0 0}.client-heading{min-width:0;flex:1}.online{font-size:10px;color:#a0c6b5;white-space:nowrap}#back{display:none;background:none;border:0;color:#cae1dc;font-size:30px;padding:0 7px 0 0}.messages{flex:1;overflow:auto;min-height:100px;padding:22px;display:flex;flex-direction:column;gap:9px;align-items:flex-start;background-image:radial-gradient(#769a8a20 1px,transparent 1px);background-size:21px 21px;scrollbar-width:thin;scrollbar-color:#98b5ab transparent}.bubble{max-width:94%;padding:12px 15px;border-radius:16px;line-height:1.45;font-size:15px;overflow-wrap:anywhere;flex-shrink:0;box-shadow:0 2px 0 #adc4b760}.bubble.in{background:#fffefa;border-bottom-left-radius:4px}.bubble.out{background:#bde7cf;align-self:flex-end;border-bottom-right-radius:4px}.bubble.question{font-size:17px;font-weight:650}.bubble small{display:block;color:#638979;font-size:10px;text-align:right;margin-top:5px;font-weight:400}.bubble.old{opacity:.78}.bubble.sys{background:#c3d8ccaa;color:#658074;align-self:center;font-size:10px;text-align:center;box-shadow:none;padding:5px 11px}.bubble.receipt{background:#b1d9c4;color:#235f4c;font-size:12px;font-weight:750;align-self:center;box-shadow:none}.source{font:inherit;text-align:left;color:inherit;border:2px solid transparent;position:relative}.source:after{content:'Выбрать ↪';font-size:10px;color:#377c69;display:block;text-align:right;margin-top:6px}.source.chosen{border-color:#287b6b;background:#a6d9bd}.source:disabled:after{display:none}.bubble.expired{border:1px solid #d9a696}.answer-panel{flex-shrink:0;max-height:52%;overflow:auto;padding:15px 22px 20px;border-top:1px solid #adc4b7;background:#dcebe3}.answer-hint{color:#648074;font-size:11px;font-weight:750;margin:0 0 10px;line-height:1.5}.answers-list{display:flex;flex-direction:column;gap:8px}.reply{width:100%;display:block;text-align:left;padding:13px 15px;border:1px solid #9bbdb0;border-radius:13px;background:#f7fdf9;color:#253e43;font-weight:650;font-size:14px;line-height:1.4;min-height:48px;box-shadow:0 2px 0 #b2cbbc70}.reply:hover{background:#edf8ef}.reply small{display:block;font-weight:450;color:#66887b;font-size:11px;margin-top:4px}.selected-quote{border-left:3px solid #569a85;padding:8px 12px;font-size:12px;background:#c8e2d4;border-radius:0 7px 7px 0;margin:7px 0 12px}.send{background:#2a5560;border:0;border-radius:12px;color:white;font-weight:800;min-height:46px;padding:12px 17px;width:100%}.send:disabled{opacity:.4}.chat-done{color:#6b8679;font-size:12px;margin:0 0 12px}.next-chat{display:flex;gap:8px}.next-chat button{flex:1}.next-chat .quiet{font-size:12px;border:1px solid #aec6b8;border-radius:11px;text-decoration:none;color:#4b7464}.step-label{font-size:11px;color:#53806e;margin-bottom:10px}.compose-preview{padding:12px;background:#c0dfcd;border-radius:10px;font-size:13px;line-height:1.5;margin-bottom:10px}.compose-steps{display:flex;gap:5px;margin-bottom:12px}.compose-steps button{font-size:10px;background:#c9dfd2;border:0;color:#476e5c;border-radius:6px;min-height:29px;padding:4px 8px}.compose-steps button.current{background:#326e5e;color:#fff}.end{display:grid;grid-template-columns:1.1fr 1fr;min-height:650px;background:radial-gradient(circle at 70% 40%,#284e51,#142f3b 70%)}.result-main{padding:62px 42px}.result-main h1{font-size:clamp(54px,7vw,86px);letter-spacing:-.055em;line-height:1.1;margin:25px 0 9px;color:var(--gold)}.result-main p{color:var(--muted);font-size:14px;line-height:1.5}.result-main .result-record{color:var(--gold);font-size:18px;font-weight:750}.best-reply{border-left:2px solid #577c7e;padding:2px 0 2px 16px;color:#b3cfcb;font-size:14px;line-height:1.6;margin:27px 0}.best-reply small{font-size:10px;letter-spacing:.1em;display:block;color:#85aaa8;margin-bottom:6px}.result-main .primary{width:100%;margin-top:5px}.result-main .quiet{margin:10px auto}.result-character{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 30px}.result-character canvas{width:245px;height:245px;border:4px solid #c9bc84;border-radius:50%;box-shadow:0 0 0 5px #44696b}.result-character h2{font-size:24px;line-height:1.2;margin:28px 0 12px;max-width:330px}.result-character p{color:var(--muted);font-size:13px;line-height:1.7;max-width:330px}dialog{max-width:390px;width:calc(100% - 36px);color:var(--paper);background:#193844;border:1px solid #83aaa6;border-radius:22px;padding:32px;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#08151cba;backdrop-filter:blur(4px)}dialog h2{font-size:28px;margin:21px 0 14px}dialog p{font-size:14px;line-height:1.6;color:var(--muted)}dialog .primary{width:100%;margin:14px 0 6px}dialog .quiet{font-size:12px;margin:auto}.review .reply,.review .send{pointer-events:none;opacity:.45}.review .topbar{background:#343e43}.review .battery-wrap{color:#a4b2b3}.review-exit{background:#234454;color:#d0e4df;border:0;border-radius:8px;padding:8px 12px;font-size:11px;cursor:pointer}
@media(max-width:740px){body{padding:0;display:block}.shell{border:0;border-radius:0;box-shadow:none;width:100%}.intro{min-height:100dvh;display:flex;flex-direction:column}.intro-copy{padding:26px 24px 20px}.intro h1{font-size:clamp(43px,10vw,65px);margin:23px 0}.lead{font-size:22px;margin:20px 0 14px}.intro-text{font-size:14px;max-width:400px}.start-facts{margin:20px 0;gap:28px}.intro-hint{font-size:11px;margin-bottom:0}.intro-art{height:245px;flex:1;min-height:190px}.intro-art canvas{object-position:50% 35%}.art-caption{bottom:16px;font-size:11px}.game{height:100dvh;min-height:580px}.topbar{height:68px;padding:9px 14px;gap:12px}.battery-wrap{min-width:116px;gap:7px}.battery-wrap svg{width:47px}.battery-wrap b{font-size:19px}.battery-wrap small{font-size:9px}.wallet{max-width:170px}.wallet strong{font-size:21px}.wallet small{font-size:9px}.icon-button{width:32px;height:34px;font-size:17px;border-radius:9px}.tools{gap:4px}.messenger{flex-direction:column}.sidebar{width:100%;border-right:0;flex-shrink:0;min-height:0}.self{display:flex;text-align:left;padding:10px 19px;gap:18px;align-items:center;border-bottom:1px solid #41616b}.portrait{width:90px;height:90px;flex-shrink:0;margin:0;border-width:2px;box-shadow:0 0 0 3px #42636b}.self-copy{flex:1}.self-copy strong{font-size:17px;margin-top:3px}.self-copy p{font-size:10px;margin-bottom:9px;min-height:0}.mood-track{margin:0;max-width:170px}.eyebrow{font-size:8px}.inbox-heading,#inbox{display:none}.conversation{flex:1;min-height:0}.chat-header{min-height:57px;padding:9px 13px;gap:8px}.chat-header h2{font-size:14px}.chat-header p{font-size:10px}.client-photo{width:33px;height:33px;font-size:16px}.online{font-size:9px}#back{display:block;font-size:27px;line-height:1}#back span{display:none}.messages{padding:14px;min-height:70px;gap:8px}.bubble{font-size:13px;padding:10px 12px;max-width:96%}.bubble.question{font-size:15px}.bubble small{font-size:9px}.bubble.receipt{font-size:10px}.answer-panel{padding:11px 13px max(15px,env(safe-area-inset-bottom));max-height:48%}.answer-hint{font-size:10px;margin-bottom:8px}.reply{font-size:12px;padding:11px 12px;min-height:42px}.reply small{font-size:10px}.answers-list{gap:6px}.send{font-size:12px;min-height:42px}.selected-quote{font-size:11px}.show-inbox .conversation{display:none}.show-inbox .sidebar{flex:1;overflow:hidden}.show-inbox .inbox-heading{display:flex}.show-inbox #inbox{display:block;overflow:auto}.contact{padding:14px 12px}.contact strong{font-size:14px}.contact small{font-size:12px;max-width:calc(100vw - 120px)}.inbox-heading{font-size:13px}.end{display:flex;flex-direction:column;min-height:100dvh}.result-main{padding:35px 25px 17px}.result-main h1{font-size:65px;margin-top:20px}.result-character{padding:18px 25px 35px}.result-character canvas{width:190px;height:190px}.result-character h2{font-size:22px;margin-top:23px}.result-main .best-reply{margin:20px 0}.result-main p{font-size:13px}.compose-preview{font-size:12px}.compose-steps button{padding:4px 6px;font-size:9px}}
@media(max-width:360px){.topbar{gap:8px;padding:9px 10px}.battery-wrap{min-width:106px}.battery-wrap svg{width:41px}.wallet strong{font-size:19px}.tools{gap:3px}.icon-button{width:28px}.self{padding:9px 16px;gap:15px}.portrait{width:76px;height:76px}.self-copy strong{font-size:15px}.self-copy p{font-size:9px}.reply{font-size:11px}.bubble.question{font-size:14px}.answer-panel{max-height:50%}.intro-copy{padding:24px 21px}.intro h1{font-size:41px}.start-facts{gap:20px}}
.bubble.deleted{font-style:italic;color:#859288}.review .send{pointer-events:auto;opacity:1}.review .icon-button{pointer-events:auto}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}