:root{--bg: #0b080c;--bg-2: #130e18;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .085);--line: rgba(255, 255, 255, .1);--line-2: rgba(194, 164, 255, .35);--text: #eee9f2;--muted: #9d94a8;--accent: #c2a4ff;--accent-2: #7c3aed;--deep: #4c1d95;--ok: #8be3bf;--warn: #ffc078;--radius: 18px;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden;line-height:1.4;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}b,strong{font-weight:700}::selection{background:var(--accent);color:var(--bg)}.app{position:fixed;inset:0;display:flex;justify-content:center;align-items:stretch;background:radial-gradient(70% 45% at 50% -10%,rgba(124,58,237,.22),transparent 70%),var(--bg)}.stage{position:relative;width:100%;max-width:480px;height:100%;overflow:hidden}.screen-wrap{position:absolute;inset:0}.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(18px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom))}@media(min-width:720px){.app{align-items:center;background:radial-gradient(60% 50% at 50% 30%,rgba(124,58,237,.14),transparent 70%),#07050a}.stage{height:min(100%,880px);border-radius:32px;background:var(--bg);box-shadow:0 40px 140px #000000b3,0 0 0 1px #ffffff14}}.bf{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 0 28px rgba(194,164,255,.55))}.bf .wing{transform-box:view-box}.bf .wing-tl{transform-origin:97px 100px}.bf .wing-tr{transform-origin:103px 100px}.bf .wing-bl{transform-origin:96px 104px}.bf .wing-br{transform-origin:104px 104px}.bf.flap .wing-tl{animation:wingTL 2.2s cubic-bezier(.36,.03,.56,.97) infinite}.bf.flap .wing-tr{animation:wingTR 2.2s cubic-bezier(.36,.03,.56,.97) infinite}.bf.flap .wing-bl{animation:wingBL 2.2s cubic-bezier(.36,.03,.56,.97) infinite .06s}.bf.flap .wing-br{animation:wingBR 2.2s cubic-bezier(.36,.03,.56,.97) infinite .06s}@keyframes wingTL{0%,to{transform:rotateY(0) rotate(0)}12%{transform:rotateY(32deg) rotate(-5deg)}28%{transform:rotateY(52deg) rotate(-9deg)}36%{transform:rotateY(48deg) rotate(-7deg)}50%{transform:rotateY(30deg) rotate(-3deg)}65%{transform:rotateY(10deg) rotate(1deg)}80%{transform:rotateY(-10deg) rotate(3deg)}92%{transform:rotateY(-4deg) rotate(1deg)}}@keyframes wingTR{0%,to{transform:rotateY(0) rotate(0)}12%{transform:rotateY(-32deg) rotate(5deg)}28%{transform:rotateY(-52deg) rotate(9deg)}36%{transform:rotateY(-48deg) rotate(7deg)}50%{transform:rotateY(-30deg) rotate(3deg)}65%{transform:rotateY(-10deg) rotate(-1deg)}80%{transform:rotateY(10deg) rotate(-3deg)}92%{transform:rotateY(4deg) rotate(-1deg)}}@keyframes wingBL{0%,to{transform:rotateY(0) rotate(0)}15%{transform:rotateY(24deg) rotate(-4deg)}32%{transform:rotateY(40deg) rotate(-6deg)}45%{transform:rotateY(28deg) rotate(-3deg)}60%{transform:rotateY(12deg)}78%{transform:rotateY(-6deg) rotate(2deg)}92%{transform:rotateY(-2deg) rotate(1deg)}}@keyframes wingBR{0%,to{transform:rotateY(0) rotate(0)}15%{transform:rotateY(-24deg) rotate(4deg)}32%{transform:rotateY(-40deg) rotate(6deg)}45%{transform:rotateY(-28deg) rotate(3deg)}60%{transform:rotateY(-12deg)}78%{transform:rotateY(6deg) rotate(-2deg)}92%{transform:rotateY(2deg) rotate(-1deg)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.intro{align-items:center;justify-content:center;text-align:center;gap:0;cursor:pointer;user-select:none}.intro-visual{position:relative;perspective:600px}.intro-visual canvas{position:absolute;inset:-50%;width:200%;height:200%;transition:opacity .8s ease;pointer-events:none}.intro-visual .bf-wrap{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;animation:floatY 6s ease-in-out infinite}.intro-visual.reveal canvas,.intro-visual.title canvas{opacity:0}.intro-visual.reveal .bf-wrap,.intro-visual.title .bf-wrap{opacity:1}.intro-glow{position:absolute;inset:-18%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(194,164,255,.35) 0%,rgba(124,58,237,.18) 35%,transparent 70%);filter:blur(28px);opacity:0;transition:opacity 1s ease}.intro-visual.reveal .intro-glow,.intro-visual.title .intro-glow{opacity:1}.intro-text{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:14px}.intro-brand{font-weight:800;font-size:clamp(30px,9vw,42px);letter-spacing:.22em;line-height:1;display:inline-flex;padding-left:.22em}.intro-brand span{display:inline-block}.intro-brand .sep{width:.45em}.intro-tagline{font-size:clamp(17px,4.6vw,20px);color:var(--muted);max-width:30ch;line-height:1.35;font-weight:500}.intro-hint{color:var(--muted);font-size:13px;opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:16px;font-weight:600;font-size:16px;transition:transform .15s var(--ease),background .2s,border-color .2s}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:#180c2e;box-shadow:0 10px 40px #c2a4ff40}.btn.primary:hover{background:#d4bfff}.btn.ghost{border:1px solid var(--line);background:var(--surface)}.btn.ghost:hover{border-color:var(--line-2);background:var(--surface-2)}.btn.link{min-height:44px;color:var(--muted);font-weight:500}.btn.link:hover{color:var(--text)}.btn svg{width:20px;height:20px;flex:none}.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--muted);font-size:24px;line-height:1;background:var(--surface)}.icon-btn:hover{color:var(--text);background:var(--surface-2)}.brand-row{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:600;letter-spacing:.16em;font-size:12px}.brand-row .mark{width:26px;height:26px;filter:drop-shadow(0 0 10px rgba(194,164,255,.5))}.brand-row .mark .bf{filter:none}.menu{gap:22px}.menu-head{display:flex;flex-direction:column;gap:10px;margin-top:14px}.menu h1{font-size:clamp(26px,7.4vw,32px);font-weight:800;letter-spacing:-.03em;line-height:1.1}.menu .lead{color:var(--muted);font-size:15.5px;line-height:1.45}.cards{display:grid;gap:12px}.card{display:flex;align-items:center;gap:14px;padding:16px 16px 16px 14px;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:transform .2s var(--ease),border-color .2s,background .2s}.card:hover{border-color:var(--line-2);background:var(--surface-2);transform:translateY(-1px)}.card:active{transform:scale(.99)}.card .ico{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;background:linear-gradient(160deg,#7c3aed59,#7c3aed1f);color:var(--accent);box-shadow:inset 0 0 0 1px #c2a4ff33}.card .ico svg{width:24px;height:24px}.card .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.card .name{font-weight:700;font-size:17px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.card .who{color:var(--muted);font-size:13.5px;line-height:1.35}.card .arrow{color:var(--muted);flex:none;transition:transform .2s var(--ease),color .2s}.card:hover .arrow{transform:translate(3px);color:var(--accent)}.card.seen .ico{background:#8be3bf1f;color:var(--ok);box-shadow:inset 0 0 0 1px #8be3bf40}.seen-dot{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--ok);letter-spacing:.04em;text-transform:uppercase}.menu-foot{margin-top:auto;display:flex;justify-content:center;padding-top:8px}@media(min-width:720px){.cards{grid-template-columns:1fr 1fr}.card{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}.card .arrow{display:none}}.story{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));user-select:none}.story-head{display:flex;flex-direction:column;gap:12px}.bars{display:flex;gap:5px}.bar{flex:1;height:3px;border-radius:3px;background:#ffffff24;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--accent);border-radius:3px}.bar i.done{width:100%}.bar i.active{animation:barFill linear forwards}@keyframes barFill{0%{width:0}to{width:100%}}.story-title{display:flex;align-items:center;justify-content:space-between}.story-name{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--muted)}.story-name .mark{width:20px;height:20px}.story-name .mark .bf{filter:none}.slide{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:18px}.scene{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px}.scene-top{flex:none}.scene-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.scene-inner{margin:auto 0;display:flex;flex-direction:column;gap:12px}.tag{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.tag .dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.tag.on{color:var(--accent)}.tag .sim{font-weight:500;letter-spacing:.04em;text-transform:none;opacity:.75}.caption{padding-top:18px}.caption-main{font-size:clamp(21px,5.9vw,25px);font-weight:700;letter-spacing:-.025em;line-height:1.2}.caption-sub{margin-top:8px;color:var(--muted);font-size:15px;line-height:1.45}.tap-hint{margin-left:auto;margin-right:12px;font-size:11px;color:var(--muted);opacity:.6}.chat{display:flex;flex-direction:column;gap:8px}.bubble{max-width:88%;padding:10px 13px;border-radius:18px;font-size:14.5px;line-height:1.4}.bubble.in{align-self:flex-start;background:#ffffff16;border-bottom-left-radius:6px}.bubble.out{align-self:flex-end;border-bottom-right-radius:6px;background:linear-gradient(135deg,#7c3aed9e,#7c3aed57);border:1px solid rgba(194,164,255,.32)}.bubble .who{display:block;font-size:11.5px;font-weight:600;color:var(--accent);margin-bottom:3px}.bubble time{display:block;font-size:11px;color:#ffffff80;margin-top:4px;text-align:right}.bubble.voice{display:inline-flex;align-items:center;gap:10px;padding:10px 14px}.wave{display:inline-flex;align-items:center;gap:2.5px;height:20px}.wave i{display:block;width:2.5px;border-radius:2px;background:#ffffff8c}.typing{align-self:flex-start;display:inline-flex;gap:4px;padding:12px 14px;border-radius:18px 18px 18px 6px;background:#ffffff16}.typing.out{align-self:flex-end;border-radius:18px 18px 6px;background:#7c3aed66}.typing i{width:6px;height:6px;border-radius:50%;background:#ffffffb3;animation:blink 1.1s infinite}.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}@keyframes blink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.notifs{display:flex;flex-direction:column;gap:8px}.notif{display:flex;gap:12px;padding:12px 13px;border-radius:16px;align-items:flex-start;background:#ffffff14;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(12px)}.notif .app-ico{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;color:#fff}.notif .app-ico.msg{background:#3fbf7f}.notif .app-ico.call{background:#e5484d}.notif .app-ico svg{width:18px;height:18px}.notif .body{flex:1;min-width:0}.notif .top{display:flex;justify-content:space-between;gap:8px;font-size:13px}.notif .top b{font-weight:600}.notif .top time{color:var(--muted);font-size:12px}.notif p{font-size:14px;color:#ffffffd9;margin-top:2px}.panel{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:12px 14px}.panel-title{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;padding-bottom:8px}.panel-title .muted{font-weight:500}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:14px}.row.muted{color:var(--muted)}.row.new{color:var(--text);font-weight:600}.row.total{font-weight:700;border-top:1px solid var(--line-2)}.row .t{color:var(--muted);font-variant-numeric:tabular-nums;min-width:44px}.row .grow{flex:1}.muted{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:12.5px;font-weight:600;background:#ffffff14;white-space:nowrap}.chip svg{width:14px;height:14px}.chip.ok{background:#8be3bf24;color:var(--ok)}.chip.accent{background:#7c3aed47;color:#dccbff;border:1px solid rgba(194,164,255,.3)}.chip.warn{background:#ffc07824;color:var(--warn)}.doc{border-radius:14px;background:#f7f3fb;color:#211a2b;padding:14px;box-shadow:0 16px 50px #00000073;display:flex;flex-direction:column;gap:10px}.doc-head{display:flex;align-items:center;gap:10px;font-weight:700;font-size:13.5px}.doc-logo{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#7c3aed,#c2a4ff);flex:none}.doc .row{border-top-color:#00000014;font-size:13.5px}.doc .row.total{border-top-color:#7c3aed}.doc .muted{color:#6b6177}.doc .chip.ok{background:#0f7a4f1f;color:#0f7a4f}.doc p{font-size:13px;line-height:1.45;min-height:3.6em}.doc .caret{display:inline-block;width:2px;height:1em;background:#7c3aed;vertical-align:-2px;margin-left:1px;animation:blink 1s infinite}.bars-chart{display:flex;align-items:flex-end;gap:6px;height:56px;padding-top:4px}.bars-chart i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#a78bfa,#7c3aed);transform-origin:bottom}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tile{font-size:11.5px;font-weight:600;padding:8px 9px;border-radius:10px;background:#ffffff0f;display:flex;flex-direction:column;gap:3px;min-width:0}.tile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile .state{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.tile.ok{background:#8be3bf1f}.tile.ok .state{color:var(--ok)}.mini-tiles{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.mini-tiles i{display:block;aspect-ratio:1;border-radius:4px;background:#ffffff14;transition:background .3s}.mini-tiles i.ok{background:var(--ok);box-shadow:0 0 10px #8be3bf66}.inbox{display:flex;flex-direction:column;gap:6px}.file{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff0f;font-size:13.5px}.file svg{width:18px;height:18px;color:var(--muted);flex:none}.file .n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.file .f{color:var(--muted);font-size:12px;white-space:nowrap}.more{color:var(--muted);font-size:13px;padding:2px 4px}.folders{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.folder{border-radius:14px;background:var(--surface);border:1px solid var(--line);padding:10px 10px 12px;display:flex;flex-direction:column;gap:6px}.folder svg{width:20px;height:20px;color:var(--accent)}.folder .fname{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder .count{font-size:22px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.folder .count small{font-size:11px;font-weight:500;color:var(--muted);margin-left:4px;letter-spacing:0}.alert{border-radius:14px;padding:11px 13px;font-size:13.5px;line-height:1.4;background:#ffc0781a;border:1px solid rgba(255,192,120,.3);color:#ffd9a8}.result{display:flex;flex-direction:column;height:100%}.result .kicker{color:var(--accent);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.result h2{margin-top:10px;font-size:clamp(27px,7.6vw,34px);font-weight:800;letter-spacing:-.035em;line-height:1.08}.result .note{margin-top:12px;color:var(--muted);font-size:15px;line-height:1.45}.stats{display:grid;gap:8px;margin-top:18px}.stat{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:14px}.stat span{color:var(--muted)}.stat b{color:var(--text);text-align:right}.actions{display:grid;gap:10px;margin-top:auto;padding-top:22px}.final{justify-content:center;gap:0;text-align:left}.final .kicker{color:var(--accent);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.final h1{margin-top:12px;font-size:clamp(38px,11vw,52px);font-weight:800;letter-spacing:-.04em;line-height:1}.final .lead{margin-top:14px;color:var(--muted);font-size:16px;line-height:1.45;max-width:34ch}.links{display:grid;gap:10px;margin-top:28px}.link-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);transition:border-color .2s,background .2s,transform .2s var(--ease)}.link-card:hover{border-color:var(--line-2);background:var(--surface-2);transform:translateY(-1px)}.link-card .ico{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#7c3aed38;color:var(--accent);flex:none}.link-card .ico svg{width:22px;height:22px}.link-card .txt{flex:1;display:flex;flex-direction:column;gap:2px}.link-card .txt b{font-size:16px}.link-card .txt span{color:var(--muted);font-size:13px}.link-card .arrow{color:var(--muted)}.final .person{margin-top:26px;display:flex;align-items:center;gap:12px}.final .avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:linear-gradient(160deg,#7c3aed,#c2a4ff);color:#160b2a}.final .person b{display:block;font-size:15px}.final .person span{color:var(--muted);font-size:13px}.final-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:24px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}