:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--ink: #f8fbff;--muted: #a6b3c6;--accent: #3cf3d8;--accent-2: #a270ff;--accent-3: #ff9e4f;--bg: linear-gradient(160deg, #0d0f12 0%, #0f1218 55%, #141924 100%);--panel: rgba(19, 23, 30, .7);--glass: rgba(23, 28, 36, .85);--pill: linear-gradient(135deg, #ffb36a 0%, #ff8a3d 100%);--shadow-soft: 0 24px 60px rgba(0, 0, 0, .32);--shadow-button: 0 16px 36px rgba(255, 154, 86, .4);--border-glow: 0 0 0 1px rgba(255, 255, 255, .08);--blur: blur(12px);--grid-line: rgba(255, 255, 255, .04)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:stretch;background:var(--bg);font-family:Inter,Space Grotesk,Epilogue,sans-serif;color:var(--ink)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(60,243,216,.18),transparent 30%),radial-gradient(circle at 80% 0%,rgba(162,112,255,.18),transparent 28%),linear-gradient(90deg,transparent 24%,var(--grid-line) 25%,var(--grid-line) 26%,transparent 27%),linear-gradient(0deg,transparent 24%,var(--grid-line) 25%,var(--grid-line) 26%,transparent 27%);background-size:100% 100%,100% 100%,80px 80px,80px 80px;opacity:.5}.phone-shell{position:relative;width:min(430px,100vw);min-height:100vh;overflow:hidden}.phone{width:100%;max-width:430px;min-height:100vh;height:100vh;background:linear-gradient(180deg,#161a22e6,#11151be6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 30px 90px #00000073,0 0 0 1px #ffffff0a}.welcome-page{display:flex;flex-direction:column;align-items:center;padding:18px 18px 20px}.welcome-top-row{width:100%;margin-bottom:8px}.welcome-stack{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;width:100%}.back-btn{position:absolute;top:18px;left:16px;width:44px;height:44px;background:#1c212ad9;border-radius:14px;box-shadow:0 14px 38px #00000061,var(--border-glow);border:none;display:flex;align-items:center;justify-content:center;line-height:0;padding:0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.back-btn:active{transform:scale(.96) translateY(1px);box-shadow:0 8px 20px #0000004d}.chat-page .back-btn{position:static;top:auto;left:auto;margin:0;width:44px;height:44px}.back-btn svg{display:block;width:24px;height:24px;flex-shrink:0}.logo-area{margin:86px auto 48px;width:132px;aspect-ratio:1;display:grid;place-items:center;position:relative}.logo-area:after{content:"";position:absolute;inset:-20px;background:radial-gradient(circle at 30% 30%,rgba(60,243,216,.24),transparent 55%),radial-gradient(circle at 70% 70%,rgba(162,112,255,.24),transparent 55%);filter:blur(18px);z-index:0}.logo{width:100%;height:100%;filter:drop-shadow(0 18px 28px rgba(0,0,0,.35));z-index:1}.headline{text-align:center;padding:0 32px;display:grid;gap:10px;position:relative;max-width:320px}.welcome-page .headline{margin-top:12px}.headline h1{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.6px;font-weight:700;color:var(--ink)}.headline h1 span{display:block}.headline p{margin:12px 0 0;color:#c4cedf;font-size:15px;line-height:1.65}.headline h1:after{content:"✦";display:inline-block;margin-left:8px;font-size:14px;color:var(--accent);vertical-align:middle;text-shadow:0 0 10px rgba(60,243,216,.6)}.carousel-shell{margin:0 auto;width:100%;padding:0 12px}.carousel-window{overflow-x:auto;overflow-y:hidden;position:relative;-webkit-overflow-scrolling:touch;scrollbar-width:none}.carousel-window::-webkit-scrollbar{display:none}.carousel-track{display:flex;gap:26px;align-items:flex-start;min-height:180px}.person{display:grid;gap:10px;justify-items:center;align-items:start;flex:0 0 auto;width:86px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .14s ease;position:relative}.person:active{transform:scale(.96)}.avatar{margin-top:20px;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff2e,#0000002e),linear-gradient(145deg,#1e242c,#0f141b);box-shadow:0 10px 28px #0006,inset 0 2px 10px #ffffff2e,0 0 0 1px #ffffff14;position:relative;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease,background .18s ease}.avatar.has-photo{background:linear-gradient(145deg,#161c25,#0d1118)}.avatar:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from 140deg,var(--accent),var(--accent-2),var(--accent),#2f3b4d);filter:blur(10px);opacity:.6}.avatar:after{content:"";position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#ffffff26,#11161d99 55%,#0b1017e6);box-shadow:inset 0 2px 10px #ffffff1f;transition:opacity .18s ease,background .18s ease;pointer-events:none;opacity:.8;z-index:2}.avatar.has-photo:after{opacity:.55;background:radial-gradient(circle at 50% 35%,#ffffff1f,#090c12b3 60%,#06080ce6)}.avatar-photo{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:50%;object-fit:cover;z-index:1;filter:saturate(1.05);opacity:.94;transition:transform .18s ease,filter .18s ease,opacity .18s ease}.person.active .avatar{background:linear-gradient(145deg,#0f141b,#1b2330);box-shadow:0 14px 32px #0000008c,0 0 0 1px #ffffff1f,0 0 0 2px #3cf3d84d,0 0 40px #a270ff33;transform:translateY(-2px)}.person.active .avatar:after{opacity:.9;background:radial-gradient(circle at 50% 40%,#ffffff24,#0c1017a6 55%,#080a0fe6)}.person.active .avatar.has-photo:after{opacity:.7}.person.active .avatar-photo{transform:scale(1.02);filter:saturate(1.15);opacity:1}.name{font-size:13px;color:#d5dfef;transition:color .18s ease,font-weight .18s ease;letter-spacing:.01em}.person.active .name{color:var(--accent);font-weight:700}.cta{width:calc(100% - 44px);margin:0 auto 44px;height:54px;border:none;border-radius:18px;background:var(--pill);color:#fff;font-size:16px;font-weight:600;letter-spacing:.3px;cursor:pointer;box-shadow:var(--shadow-button),0 0 0 1px #ffffff1a;transition:transform .18s ease,box-shadow .18s ease;display:block;text-align:center}.cta:active{transform:translateY(1px) scale(.99);box-shadow:0 10px 24px #0000002e}.footer-hint{text-align:center;color:var(--muted);font-size:13px;margin-bottom:12px}.welcome-page .footer-hint{margin:0}.welcome-page .cta{width:100%;max-width:360px;margin-top:auto;margin-bottom:16px}.chat-page{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:100%;overflow:hidden;padding:18px 18px 24px;gap:28px}.top-row{display:flex;justify-content:space-between;align-items:center;padding:0;gap:12px;position:relative}.top-row-spacer{flex:1}.pager-dots{display:inline-flex;gap:6px;justify-content:center;flex:1}.pager-dot{width:6px;height:6px;border-radius:999px;background:#d4d4d4}.pager-dot.active{background:#7a7a7a}.hamburger-btn{width:44px;height:44px;border:none;border-radius:14px;background:#1c212ae6;display:flex;align-items:center;justify-content:center;line-height:0;box-shadow:0 14px 38px #00000061,var(--border-glow);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.hamburger-btn:active{transform:scale(.96);box-shadow:0 10px 24px #00000038}.hamburger-lines{width:24px;height:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:0}.hamburger-lines span{display:block;height:2px;width:20px;border-radius:999px;background:#f6f8ff}.chat-title{text-align:center;font-size:24px;font-weight:700;color:#e6edf7;margin:0;letter-spacing:-.4px}.chat-feed{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:8px 2px;min-height:0}.message-row{display:flex;gap:10px;align-items:flex-end}.message-row.user{justify-content:flex-end}.avatar-small{width:44px;height:44px;border-radius:12px;background:#1f2732 center/cover no-repeat;border:1px solid rgba(255,255,255,.12);flex:0 0 auto;box-shadow:0 10px 24px #0006,0 0 0 1px #3cf3d833,inset 0 2px 8px #ffffff2e;background-size:cover;background-position:center;overflow:hidden}.bubble{max-width:72%;background:#1f252ed1;border-radius:16px;padding:12px 14px;font-size:14px;line-height:1.5;color:#dfe7f5;box-shadow:0 10px 28px #00000059,0 0 0 1px #ffffff0a}.bubble.user{background:linear-gradient(145deg,#222935eb,#141820e6);border:1px solid rgba(85,163,255,.4);box-shadow:0 10px 28px #00000061,0 0 12px #55a3ff59}.message-row:not(.user) .bubble:before{content:"✦";color:var(--accent);margin-right:8px;opacity:.85;text-shadow:0 0 8px rgba(60,243,216,.8)}.composer{padding:0 2px}.composer-inner{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;background:#1a1f27eb;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:12px 12px 12px 14px;box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff0f}.composer input{border:none;outline:none;font-size:16px;color:#e1e7f4;width:100%;background:transparent}.composer input::placeholder{color:#6f7c90}.mode-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#232933e6;cursor:pointer;font-size:12px;color:#c6d4ea;transition:background .16s ease,border-color .16s ease,color .16s ease;-webkit-user-select:none;user-select:none}.mode-toggle .dot{width:8px;height:8px;border-radius:50%;background:#9a9a9a;transition:background .16s ease,transform .16s ease}.mode-toggle.spicy{background:#ff9e4f24;border-color:#ff9e4f80;color:#ffb36a}.mode-toggle.spicy .dot{background:#ff7b00;transform:scale(1.1)}.send-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#1f2630,#111721);display:flex;align-items:center;justify-content:center;line-height:0;padding:0;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.send-btn svg{display:block;width:18px;height:18px}.send-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #00000014}.history-overlay{position:absolute;inset:0;background:radial-gradient(120% 120% at 50% 20%,rgba(60,243,216,.08),transparent 46%),radial-gradient(140% 120% at 80% 10%,rgba(162,112,255,.08),transparent 50%),#0a0c10e0;z-index:10;transform:translate(108%);transition:transform .26s ease;display:flex;align-items:flex-start;justify-content:center;padding:16px 12px;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #ffffff05}.history-overlay.open{transform:translate(0);pointer-events:auto}.history-surface{width:100%;height:100%;background:#0c0f15f0;border-radius:24px;box-shadow:0 18px 60px #00000073,0 0 0 1px #ffffff0a,0 0 0 1px #3cf3d80f;display:grid;grid-template-rows:auto 1fr;padding:18px 18px 22px;overflow:hidden;position:relative}.history-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.history-title{margin:0;font-size:22px;font-weight:700;color:#e5edfb;letter-spacing:-.2px}.post-btn{width:40px;height:40px;border-radius:12px;border:none;background:#1c212ad9;display:flex;align-items:center;justify-content:center;line-height:0;padding:0;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease;box-shadow:0 14px 38px #00000061,var(--border-glow)}.post-btn svg{display:block;width:24px!important;height:24px!important;flex-shrink:0}.post-btn:active{transform:scale(.97);box-shadow:0 8px 22px #00000014}.history-body{overflow-y:auto;padding-right:6px;display:grid;gap:20px;align-content:start;align-items:start;grid-auto-rows:min-content}.search-box{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:0 14px;border-radius:14px;background:#1e242ed9;border:1px solid rgba(255,255,255,.06);height:48px}.search-box input{border:none;background:transparent;outline:none;font-size:14px;color:#dfe7f5;width:100%}.search-box input::placeholder{color:#7e8aa0}.history-group{display:grid;gap:12px;align-content:start;align-items:start;grid-auto-rows:min-content}.history-group h4{margin:0;font-size:15px;color:#d0d9eb;letter-spacing:.02em}.history-item-wrapper{position:relative;overflow:hidden;border-radius:14px;height:48px}.history-delete{position:absolute;left:0;top:0;bottom:0;width:60px;background:#ff9e4f24;display:grid;place-items:center;color:#ffb36a;pointer-events:none}.history-item{position:absolute;inset:0;display:flex;align-items:center;padding:0 14px;background:linear-gradient(145deg,#242b36e6,#141920eb);border-radius:14px;color:#c4cedf;font-size:13px;box-shadow:0 12px 30px #00000047,0 0 0 1px #ffffff0a;transition:transform .16s ease,box-shadow .14s ease,background .14s ease,filter .14s ease;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-content{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.history-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-actions{display:flex;align-items:center;gap:6px}.history-edit-input{width:100%;background:transparent;border:none;outline:none;color:#f0f4ff;font-size:13px;padding:8px 0}.icon-btn{width:30px;height:30px;border:none;background:transparent;display:grid;place-items:center;cursor:pointer;padding:0;color:#d9e3f7;transition:transform .12s ease,color .12s ease}.icon-btn:active{transform:scale(.94)}.icon-btn.danger{color:#ffb36a}.history-item.ready{box-shadow:0 16px 36px #00000057,0 0 0 1px #3cf3d833}.history-item.pressed{filter:brightness(1.16);background:linear-gradient(145deg,#2e3744f2,#202730f2);box-shadow:0 14px 28px #0000004d,0 0 0 1px #ffffff1f}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(min-width:480px){.phone{border-radius:30px;box-shadow:0 28px 90px #0000001f}}