body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ml-site{--ml-bg:#fff;--ml-bg-alt:#f5f5f7;--ml-surface:#fff;--ml-fill:#f2f2f7;--ml-separator:#3c3c4321;--ml-text:#1d1d1f;--ml-muted:#6e6e73;--ml-dim:#86868b;--ml-accent:#0a8f6c;--ml-accent-strong:#087a5c;--ml-on-accent:#fff;--ml-link:#06c;--ml-danger:#d70015;--ml-shadow:0 1px 2px #0000000a,0 8px 28px #0000000f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--ml-bg);color:var(--ml-text);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Segoe UI,Roboto,Noto Sans,Noto Sans Arabic,Noto Sans Thai,Noto Sans JP,Noto Sans KR,Noto Sans Devanagari,sans-serif;font-size:17px;letter-spacing:-.011em;line-height:1.47;min-height:100vh}@media (prefers-color-scheme:dark){.ml-site{--ml-bg:#000;--ml-bg-alt:#000;--ml-surface:#1c1c1e;--ml-fill:#2c2c2e;--ml-separator:#5454588c;--ml-text:#f5f5f7;--ml-muted:#a1a1a6;--ml-dim:#8e8e93;--ml-accent:#30d5a8;--ml-accent-strong:#5ee3bd;--ml-on-accent:#00281d;--ml-link:#2997ff;--ml-danger:#ff453a;--ml-shadow:none;color-scheme:dark}}.ml-site *{box-sizing:border-box}.ml-site a{color:var(--ml-link);text-decoration:none}.ml-site a:hover{text-decoration:underline}.ml-site :focus-visible{border-radius:8px;outline:3px solid color-mix(in srgb,var(--ml-link) 45%,#0000);outline-offset:2px}.ml-header{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:color-mix(in srgb,var(--ml-bg) 78%,#0000);border-bottom:.5px solid var(--ml-separator);position:sticky;top:0;z-index:20}.ml-header-inner{align-items:center;display:flex;gap:12px;height:52px;justify-content:space-between;margin:0 auto;max-width:980px;padding:0 22px}.ml-site a.ml-logo{align-items:center;color:var(--ml-text);display:flex;font-size:17px;font-weight:600;gap:9px;letter-spacing:-.02em}.ml-site a.ml-logo:hover{text-decoration:none}.ml-logo img{border-radius:7px;display:block;height:26px;width:26px}.ml-header-actions{align-items:center;display:flex;gap:6px}.ml-site a.ml-nav-link{color:var(--ml-text);font-size:14px;opacity:.8;padding:6px 10px}.ml-site a.ml-nav-link:hover{opacity:1;text-decoration:none}.ml-lang{position:relative}.ml-lang-btn{align-items:center;background:#0000;border:none;border-radius:999px;color:var(--ml-text);cursor:pointer;display:inline-flex;font:inherit;font-size:14px;gap:6px;opacity:.8;padding:6px 10px}.ml-lang-btn:hover{background:var(--ml-fill);opacity:1}.ml-lang-btn svg{display:block}.ml-lang-menu{backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);background:color-mix(in srgb,var(--ml-surface) 92%,#0000);border:.5px solid var(--ml-separator);border-radius:14px;box-shadow:0 10px 40px #00000029;inset-inline-end:0;max-height:60vh;min-width:210px;overflow-y:auto;padding:6px;position:absolute;top:calc(100% + 8px);z-index:30}.ml-lang-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--ml-text);cursor:pointer;display:flex;font:inherit;font-size:15px;justify-content:space-between;padding:8px 12px;text-align:start;width:100%}.ml-lang-item:hover{background:var(--ml-fill)}.ml-lang-item.active{font-weight:600}.ml-lang-item.active span:last-child{color:var(--ml-accent)}.ml-main{flex:1 1;width:100%}.ml-container{margin:0 auto;max-width:980px;padding:0 22px}.ml-hero{padding:72px 22px 40px;text-align:center}.ml-eyebrow{color:var(--ml-accent);font-size:14px;font-weight:600;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.ml-hero h1{font-size:clamp(34px,6vw,56px);font-weight:700;letter-spacing:-.035em;line-height:1.07;margin:0 auto 16px;max-width:720px}.ml-hero p{color:var(--ml-muted);font-size:clamp(17px,2.2vw,20px);line-height:1.45;margin:0 auto;max-width:580px}.ml-showcase{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:640px}.ml-segmented{background:var(--ml-fill);border-radius:999px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:26px;padding:3px;position:relative}.ml-segmented-thumb{background:var(--ml-surface);border-radius:999px;bottom:3px;box-shadow:0 1px 2px #00000014,0 3px 10px #0000001a;inset-inline-start:3px;position:absolute;top:3px;transition:transform .35s cubic-bezier(.32,.72,0,1);width:calc(50% - 3px)}.ml-segmented[data-index="1"] .ml-segmented-thumb{transform:translateX(100%)}[dir=rtl] .ml-segmented[data-index="1"] .ml-segmented-thumb{transform:translateX(-100%)}.ml-segmented button{background:#0000;border:none;border-radius:999px;color:var(--ml-muted);cursor:pointer;font:inherit;font-size:15px;font-weight:500;min-width:118px;padding:8px 24px;position:relative;transition:color .2s ease}.ml-segmented button.active{color:var(--ml-text);font-weight:600}@media (prefers-color-scheme:dark){.ml-segmented-thumb{background:#636366;box-shadow:none}}.ml-phone{background:radial-gradient(60% 50% at 15% 10%,#6ef0c8e6 0,#0000 70%),radial-gradient(55% 45% at 90% 25%,#508cffbf 0,#0000 70%),radial-gradient(70% 55% at 40% 100%,#149678f2 0,#0000 75%),radial-gradient(50% 40% at 100% 95%,#965aff8c 0,#0000 70%),#0c3a33;border-radius:48px;box-shadow:0 0 0 10px #111,0 0 0 11px #2a2a2c,0 30px 80px #00000040;color:#fff;margin:0 auto;max-width:640px;overflow:hidden;padding:16px 28px 18px;position:relative;width:100%}.ml-pages{display:flex;margin:0 -28px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.ml-pages::-webkit-scrollbar{display:none}.ml-page{flex:0 0 100%;min-width:0;padding:0 28px;scroll-snap-align:start;scroll-snap-stop:always}.ml-statusbar{align-items:center;display:flex;font-size:15px;font-weight:600;justify-content:space-between;letter-spacing:-.01em;padding:4px 14px 0}.ml-statusbar-icons{align-items:center;display:flex;gap:6px}.ml-battery{border:1.2px solid #ffffff8c;border-radius:4px;height:12px;padding:1.5px;position:relative;width:25px}.ml-battery:after{background:#ffffff8c;border-radius:0 1px 1px 0;content:"";height:4px;position:absolute;right:-3.5px;top:3.5px;width:1.8px}.ml-battery span{background:#fff;border-radius:2px;display:block;height:100%;width:80%}.ml-grid{grid-gap:28px 12px;align-content:start;display:grid;gap:28px 12px;grid-template-columns:repeat(4,minmax(0,1fr));min-height:210px;padding:40px 6px 0}.ml-icon-soon,.ml-site a.ml-icon{-webkit-tap-highlight-color:transparent;align-items:center;color:#fff;display:flex;flex-direction:column;gap:8px;text-decoration:none}.ml-icon img{aspect-ratio:1;border-radius:22.5%;box-shadow:0 6px 18px #00000038;height:88px;height:auto;max-width:100%;transition:transform .25s cubic-bezier(.34,1.56,.64,1);width:88px}.ml-icon:hover img{transform:scale(1.08) translateY(-2px)}.ml-icon:active img{filter:brightness(.85);transform:scale(.92)}.ml-icon span{font-size:13px;font-weight:500;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 3px #00000059;white-space:nowrap}.ml-icon-soon{cursor:default}.ml-icon-art{aspect-ratio:1;border-radius:22.5%;box-shadow:0 6px 18px #00000038;display:block;isolation:isolate;max-width:100%;overflow:hidden;position:relative;width:88px}.ml-icon-art:after{background:#0a14198c;content:"";inset:0;position:absolute}.ml-icon-soon .ml-icon-art img{border-radius:0;box-shadow:none;display:block;height:100%;transition:none;width:100%}.ml-icon-soon:hover img{transform:none}.ml-ring{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:42%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:42%;z-index:1}.ml-ring circle{fill:none;stroke:#ffffffeb}.ml-ring circle:first-child{stroke-width:2.2}.ml-icon-soon>span:last-child{opacity:.75}.ml-soon-note{align-items:center;color:#fffc;font-size:13px;gap:6px;margin:26px 0 0;text-shadow:0 1px 3px #0000004d}.ml-pagedots,.ml-soon-note{display:flex;justify-content:center}.ml-pagedots{gap:8px;margin:22px 0 14px}.ml-pagedots button{background:#fff6;border:none;border-radius:50%;cursor:pointer;height:7px;padding:0;transition:background .2s ease;width:7px}.ml-pagedots button.on{background:#fff}.ml-dock{backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:#ffffff38;border-radius:34px;display:flex;gap:36px;justify-content:center;padding:14px 20px}.ml-site a.ml-dock-item{flex-direction:column;font-size:12px;font-weight:500;gap:6px;text-decoration:none;text-shadow:0 1px 3px #0000004d}.ml-dock-icon,.ml-site a.ml-dock-item{align-items:center;color:#fff;display:flex}.ml-dock-icon{border-radius:22.5%;box-shadow:0 4px 12px #0000002e;height:64px;justify-content:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);width:64px}.ml-dock-item:hover .ml-dock-icon{transform:scale(1.08)}.ml-dock-support{background:linear-gradient(180deg,#65f08a,#1fbf4a)}.ml-dock-privacy{background:linear-gradient(180deg,#5aa9ff,#1a6cf0)}.ml-help-line{color:var(--ml-muted);margin:48px 0 8px;text-align:center}.ml-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font:inherit;font-size:17px;font-weight:500;gap:6px;justify-content:center;min-height:44px;padding:11px 22px;transition:background .15s ease,opacity .15s ease,transform .1s ease}.ml-site a.ml-btn:hover{text-decoration:none}.ml-btn:active{transform:scale(.98)}.ml-site .ml-btn-primary{background:var(--ml-accent);color:var(--ml-on-accent)}.ml-site .ml-btn-primary:hover{background:var(--ml-accent-strong)}.ml-site .ml-btn-plain{background:#0000;color:var(--ml-link);padding-inline:4px}.ml-site .ml-btn-plain:hover{text-decoration:underline}.ml-site .ml-btn-secondary{background:var(--ml-fill);color:var(--ml-text)}.ml-site .ml-btn-secondary:hover{background:color-mix(in srgb,var(--ml-fill) 80%,var(--ml-text))}.ml-btn-block{width:100%}.ml-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.ml-footer{background:var(--ml-bg-alt);border-top:.5px solid var(--ml-separator);margin-top:40px;padding:22px}@media (prefers-color-scheme:dark){.ml-footer{background:var(--ml-bg)}}.ml-footer-inner{align-items:center;color:var(--ml-dim);display:flex;flex-wrap:wrap;font-size:12px;gap:10px 20px;justify-content:space-between;margin:0 auto;max-width:936px}.ml-footer-links{display:flex;flex-wrap:wrap;gap:6px 18px}.ml-site .ml-footer-links a{color:var(--ml-muted)}.ml-site:has(.ml-form-wrap){background:var(--ml-bg-alt)}.ml-form-wrap{padding:56px 22px 8px}.ml-card{background:var(--ml-surface);border-radius:24px;box-shadow:var(--ml-shadow);margin:0 auto;max-width:580px;padding:36px}.ml-card h1{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1.12;margin:0 0 8px}.ml-app-chip{align-items:center;background:var(--ml-fill);border-radius:999px;color:var(--ml-muted);display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin:6px 0 22px;padding:5px 12px 5px 5px}.ml-app-chip img{border-radius:6px;height:24px;width:24px}.ml-card form>h1+.ml-field,.ml-card form>h1+.ml-form-error{margin-top:22px}.ml-field{margin-bottom:20px}.ml-field>label{color:var(--ml-muted);display:block;font-size:13px;font-weight:500;margin:0 0 7px 4px}.ml-input,.ml-select,.ml-textarea{appearance:none;-webkit-appearance:none;background:var(--ml-fill);border:1px solid #0000;border-radius:12px;color:var(--ml-text);font:inherit;font-size:17px;outline:none;padding:12px 14px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;width:100%}.ml-input::placeholder,.ml-textarea::placeholder{color:var(--ml-dim)}.ml-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%2386868b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-inline-end:40px}[dir=rtl] .ml-select{background-position:left 16px center}.ml-input:focus,.ml-select:focus,.ml-textarea:focus{background-color:var(--ml-surface);border-color:var(--ml-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ml-accent) 18%,#0000)}.ml-textarea{line-height:1.45;min-height:150px;resize:vertical}.ml-check{align-items:flex-start;color:var(--ml-muted);cursor:pointer;display:flex;font-size:15px;gap:12px;line-height:1.45;margin-bottom:14px}.ml-check input{appearance:none;-webkit-appearance:none;border:1.5px solid var(--ml-dim);border-radius:50%;cursor:pointer;display:grid;flex-shrink:0;height:22px;margin:0;place-content:center;transition:background .15s ease,border-color .15s ease;width:22px}.ml-check input:after{border:solid var(--ml-on-accent);border-width:0 2px 2px 0;content:"";height:11px;margin-top:-2px;transform:rotate(45deg) scale(0);transition:transform .15s ease;width:6px}.ml-check input:checked{background:var(--ml-accent);border-color:var(--ml-accent)}.ml-check input:checked:after{transform:rotate(45deg) scale(1)}.ml-error{color:var(--ml-danger);font-size:13px;margin:6px 0 0 4px}.ml-form-error{background:color-mix(in srgb,var(--ml-danger) 10%,#0000);border-radius:12px;color:var(--ml-danger);font-size:15px;margin-bottom:18px;padding:12px 14px}.ml-form-submit{margin-top:10px}.ml-form-back{margin-top:18px;text-align:center}.ml-site .ml-form-back a{font-size:15px}.ml-success{padding:28px 8px 12px;text-align:center}.ml-success-badge{align-items:center;background:var(--ml-accent);border-radius:50%;color:var(--ml-on-accent);display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.ml-success h2{font-size:28px;font-weight:700;letter-spacing:-.03em;margin:0 0 10px}.ml-success p{color:var(--ml-muted);margin:0 auto 26px;max-width:380px}@media (max-width:720px){.ml-hero{padding:48px 22px 32px}.ml-phone{border-radius:40px;box-shadow:0 0 0 7px #111,0 20px 50px #00000038;padding:12px 16px 14px}.ml-statusbar{padding:4px 12px 0}.ml-pages{margin:0 -16px}.ml-page{padding:0 16px}.ml-grid{gap:22px 8px;min-height:150px;padding-top:30px}.ml-icon img,.ml-icon-art{width:62px}.ml-icon span{font-size:11px}.ml-dock{border-radius:30px;gap:28px}.ml-dock-icon{height:58px;width:58px}.ml-form-wrap{padding:24px 14px 8px}.ml-card{border-radius:20px;padding:26px 20px}.ml-footer-inner{align-items:flex-start;flex-direction:column}.ml-nav-link{display:none}}:root,[data-theme=dark]{--bg-main:#0a0a0f;--bg-card:#12121a;--bg-card-alt:#1e1e2e;--bg-inset:#0a0a0f;--bg-hover:#1a1a2a;--bg-header-from:#12121a;--bg-header-to:#0a0a0f;--text-primary:#f0eee8;--text-secondary:#ccd;--text-tertiary:#99a;--text-muted:#6b6b8a;--text-dim:#4a4a6a;--text-faint:#2e2e3e;--border-primary:#2e2e3e;--border-secondary:#1e1e2e;--gradient-title-from:#f0eee8;--shadow-alpha:0.15;--card-shadow:none}[data-theme=light]{--bg-main:#f8fafc;--bg-card:#fff;--bg-card-alt:#f1f5f9;--bg-inset:#e2e8f0;--bg-hover:#e2e8f0;--bg-header-from:#fff;--bg-header-to:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#475569;--text-muted:#64748b;--text-dim:#94a3b8;--text-faint:#cbd5e1;--border-primary:#cbd5e1;--border-secondary:#e2e8f0;--gradient-title-from:#0f172a;--shadow-alpha:0.08;--card-shadow:0 1px 3px #0f172a0f,0 4px 16px #0f172a0a}*{box-sizing:border-box}.app-container{color:#f0eee8;color:var(--text-primary);height:100vh;overflow:hidden;transition:background .3s,color .3s}.app-container,.loading-screen{background:#0a0a0f;background:var(--bg-main);display:flex;flex-direction:column;font-family:Be Vietnam Pro,sans-serif}.loading-screen{gap:28px;min-height:100vh;padding:20px}.loading-rings,.loading-screen{align-items:center;justify-content:center}.loading-rings{display:flex;height:100px;position:relative;width:100px}.loading-ring{border:2px solid #0000;border-radius:50%;position:absolute}.loading-ring-outer{animation:spin 1.5s linear infinite;border-right-color:#ff960066;border-top-color:#ff9600;height:100px;width:100px}.loading-ring-inner{animation:spin 1s linear infinite reverse;border-bottom-color:#ef4444;border-left-color:#ef444466;height:72px;width:72px}.loading-emoji{animation:pulse 2s ease-in-out infinite;font-size:36px;z-index:1}.loading-title{-webkit-text-fill-color:#0000;animation:fadeUp .8s ease;background:linear-gradient(135deg,#ff9600,#ef4444);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;letter-spacing:1px}.loading-quote-card{animation:fadeUp 1s ease;background:#12121a;background:var(--bg-card);border:1px solid #2e2e3e;border:1px solid var(--border-primary);border-radius:16px;max-width:320px;padding:20px 24px;text-align:center}.loading-quote-text{color:#ccd;color:var(--text-secondary);font-size:14px;font-style:italic;line-height:1.7;margin-bottom:10px}.loading-quote-author{color:#ff9600;font-size:12px;font-weight:600}.loading-dots{display:flex;gap:6px}.loading-dot{animation:dotBounce 1.4s ease-in-out infinite;background:#ff9600;border-radius:50%;height:6px;width:6px}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.main-scroll{flex:1 1;min-height:0;overflow-y:auto}.main-content{margin:0 auto;max-width:580px;padding:28px 20px;width:100%}.gradient-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0eee8,#7c3aed);background:linear-gradient(135deg,var(--gradient-title-from),var(--cat-color,#7c3aed));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:22px;font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.skeleton-pulse{animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:.3}50%{opacity:.6}}.nav-tooltip-wrap{position:relative}.nav-tooltip{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:6px;bottom:-32px;box-shadow:0 4px 12px #0000001f;color:#ccd;color:var(--text-secondary);font-size:11px;font-weight:500;left:50%;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .15s,transform .15s;white-space:nowrap;z-index:100}.nav-tooltip-wrap:hover .nav-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.top-header{background:#12121a;background:var(--bg-card);border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--border-secondary);box-shadow:0 1px 3px #0000000a;justify-content:space-between;padding:14px 20px;transition:background .3s}.desktop-nav,.top-header{align-items:center;display:flex}.desktop-nav{gap:4px}.mobile-header-right{align-items:center;display:none;gap:4px}.streak-badge{align-items:center;background:#1e1e2e;background:var(--bg-card-alt);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:20px;color:#f0eee8;color:var(--text-primary);display:flex;font-size:12px;font-weight:700;gap:6px;padding:4px 12px}.bottom-tab-bar{display:none}@media (max-width:768px){.desktop-nav{display:none}.mobile-header-right{display:flex}.bottom-tab-bar{background:#12121a;background:var(--bg-card);border-top:1px solid #1e1e2e;border-top:1px solid var(--border-secondary);bottom:0;box-shadow:0 -1px 6px #0000000f;justify-content:space-around;padding:6px 0 calc(6px + env(safe-area-inset-bottom, 0px));position:sticky;z-index:900}.bottom-tab-bar,.tab-item{align-items:center;display:flex}.tab-item{-webkit-tap-highlight-color:transparent;border-radius:10px;flex-direction:column;gap:2px;min-width:56px;padding:6px 12px;text-decoration:none;transition:all .2s}.tab-icon{font-size:20px;line-height:1}.tab-label{color:#4a4a6a;color:var(--text-dim);font-size:10px;font-weight:600;transition:color .2s}.tab-item.active .tab-label{color:#3b82f6}.tab-item.active{background:#3b82f612}.app-footer{display:none}}[data-theme=light] .app-container,[data-theme=light] .main-scroll{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}button{transition:opacity .2s}button:hover{opacity:.9}textarea:focus{border-color:#4a4a6a!important;border-color:var(--text-dim)!important;outline:none}a:focus-visible,button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width:480px){.main-content{padding:16px 14px}.gradient-title{font-size:16px!important}.header-subtitle,.nav-tooltip{display:none}}@media (max-width:360px){.main-content{padding:12px 10px}}@media (min-width:768px){.main-content{max-width:640px;padding:32px 24px}}.main-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@supports (padding:env(safe-area-inset-bottom)){.app-footer{padding-bottom:env(safe-area-inset-bottom)}}.card{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:16px;box-shadow:none;box-shadow:var(--card-shadow);padding:20px}.card-inset{background:#0a0a0f;background:var(--bg-inset);border-radius:12px;padding:16px}.section-label{letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.pill-btn,.section-label{color:#6b6b8a;color:var(--text-muted);font-size:12px}.pill-btn{background:#12121a;background:var(--bg-card);border:1px solid #2e2e3e;border:1px solid var(--border-primary);border-radius:20px;cursor:pointer;flex-shrink:0;font-weight:600;padding:6px 16px;transition:all .2s;white-space:nowrap}.pill-btn.active{background:#3b82f622;background:var(--pill-active-bg,#3b82f622);border-color:#3b82f6;border-color:var(--pill-active-color,#3b82f6);color:#3b82f6;color:var(--pill-active-color,#3b82f6)}.status-banner{align-items:center;animation:fadeIn .3s ease;border-radius:12px;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px}.status-banner-warning{background:linear-gradient(135deg,#f59e0b18,#ef444418);border:1px solid #f59e0b44}.status-banner-success{background:#10b98122;border:1px solid #10b98144;color:#10b981;font-weight:600;justify-content:center;text-align:center}.btn-primary{border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:700;padding:16px;width:100%}.btn-primary,.btn-secondary{cursor:pointer;transition:all .2s}.btn-secondary{background:#1e1e2e;background:var(--bg-card-alt);border:1px solid #2e2e3e;border:1px solid var(--border-primary);border-radius:10px;color:#ccd;color:var(--text-secondary);font-size:13px;padding:10px 18px}.grid-2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.grid-3{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.stat-item{padding:12px 8px;text-align:center}.stat-value{color:#f0eee8;color:var(--text-primary);font-size:24px;font-weight:700}.stat-label{color:#6b6b8a;color:var(--text-muted);font-size:11px;margin-top:4px}@media (max-width:480px){.pill-btn{font-size:11px;min-height:36px;padding:8px 14px}.btn-primary{font-size:15px;min-height:48px;padding:16px}.btn-secondary{min-height:44px;padding:10px 14px}.grid-3{gap:6px}.stat-value{font-size:20px}}.onboarding-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.onboarding-card{animation:fadeUp .4s ease;background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:24px;max-height:90vh;max-width:380px;overflow-y:auto;padding:32px 24px;text-align:center;width:100%}.onboarding-dots{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.onboarding-dot{background:#2e2e3e;background:var(--border-primary);border-radius:50%;height:8px;transition:all .3s;width:8px}.onboarding-dot.active{background:#ff9600;border-radius:4px;width:24px}.onboarding-dot.done{background:#10b981}.onboarding-emoji{animation:pulse 2s ease-in-out infinite;font-size:56px;margin-bottom:16px}.onboarding-title{color:#f0eee8;color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.3;margin-bottom:12px;white-space:pre-line}.onboarding-desc{color:#ccd;color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:24px}.onboarding-visual-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.onboarding-visual-item{animation:fadeUp .4s ease both;background:#1e1e2e;background:var(--bg-card-alt);border-radius:12px;font-size:32px;padding:12px}.onboarding-steps-list{display:flex;flex-direction:column;gap:12px;margin:20px 0 24px;text-align:left}.onboarding-step-item{align-items:center;animation:fadeUp .4s ease both;background:#1e1e2e;background:var(--bg-card-alt);border-radius:12px;display:flex;gap:12px;padding:14px 16px}.onboarding-step-icon{flex-shrink:0;font-size:20px}.onboarding-step-text{color:#ccd;color:var(--text-secondary);font-size:13px;line-height:1.4}.onboarding-badges-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.onboarding-badge-item{align-items:center;animation:fadeUp .4s ease both;background:#1e1e2e;background:var(--bg-card-alt);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px 8px}.onboarding-actions{display:flex;gap:10px;margin-top:8px}.onboarding-btn-next{background:linear-gradient(135deg,#ff9600,#ef4444);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:14px;transition:all .2s}.onboarding-btn-back{background:#1e1e2e;background:var(--bg-card-alt);border:1px solid #2e2e3e;border:1px solid var(--border-primary);border-radius:12px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;font-size:13px;padding:14px 20px}.onboarding-skip{background:none;border:none;color:#4a4a6a;color:var(--text-dim);cursor:pointer;font-size:12px;margin-top:16px;padding:8px;width:100%}@media (max-width:480px){.onboarding-card{border-radius:20px;padding:24px 18px}.onboarding-emoji{font-size:48px}.onboarding-title{font-size:18px}.onboarding-desc{font-size:13px}}.reminder-settings{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:16px;box-shadow:none;box-shadow:var(--card-shadow);margin-bottom:20px;padding:20px}.reminder-toggle{align-items:center;display:flex;gap:12px;justify-content:space-between}.toggle-switch{flex-shrink:0;height:28px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#2e2e3e;background:var(--border-primary);border-radius:14px;cursor:pointer;inset:0;position:absolute;transition:background .3s}.toggle-slider:before{background:#fff;border-radius:50%;content:"";height:22px;left:3px;position:absolute;top:3px;transition:transform .3s;width:22px}.toggle-switch input:checked+.toggle-slider{background:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.challenge-date{margin-bottom:24px;text-align:center}.challenge-date-text{color:#6b6b8a;color:var(--text-muted);font-size:13px;letter-spacing:2px;text-transform:uppercase}.challenge-completed-today{color:#10b981;font-size:12px;margin-top:6px}.challenge-card{animation:fadeIn .3s ease;background:#12121a;background:var(--bg-card);border-radius:18px;margin-bottom:16px;padding:24px}.challenge-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.challenge-cat-emoji{font-size:28px}.challenge-cat-label{font-size:11px;letter-spacing:2px;text-transform:uppercase}.challenge-title{color:#f0eee8;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.3}.challenge-task{background:#0a0a0f;background:var(--bg-inset);border-radius:12px;color:#ccd;color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:16px;padding:16px}.challenge-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px}.challenge-info-box{border:1px solid;border-radius:10px;padding:12px}.challenge-info-label{font-size:10px;letter-spacing:1.5px;margin-bottom:4px}.challenge-why{background:#7c3aed11;border:1px solid #7c3aed33;border-radius:10px;margin-bottom:16px;padding:12px}.challenge-why-label{color:#7c3aed;font-size:10px;letter-spacing:1.5px;margin-bottom:4px}.challenge-why-text{color:#ccd;color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.6}.btn-done{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 14px #10b98159;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px;transition:all .2s;width:100%}.btn-done:active{transform:scale(.98)}.done-banner{background:#10b98122;border:1px solid #10b98144;border-radius:12px;color:#10b981;font-weight:600;padding:14px;text-align:center}.btn-reset{background:#0000;border:1px solid #2e2e3e;border:1px solid var(--border-primary);border-radius:10px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;font-size:13px;padding:10px;transition:all .2s;width:100%}.reflection-section{background:#12121a;background:var(--bg-card);border:1px solid #2e2e3e;border:1px solid var(--border-primary);border-radius:16px;margin-bottom:16px;padding:20px}.reflection-section.reflection-enter{animation:reflectionSlideIn 1s ease-out both;border-color:#3b82f64d;box-shadow:0 0 24px #3b82f614}@keyframes reflectionSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reflection-section.reflection-done{border-color:#2e2e3e;border-color:var(--border-primary);box-shadow:none;box-shadow:var(--card-shadow)}.reflection-label{color:#ccd;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:12px}.reflection-textarea{border:1px solid #2e2e3e;border:1px solid var(--border-primary);box-sizing:border-box;color:#f0eee8;color:var(--text-primary);font-family:inherit;min-height:80px;padding:12px;resize:vertical;width:100%}.reflection-ai-text,.reflection-textarea{background:#0a0a0f;background:var(--bg-inset);border-radius:10px;font-size:14px;margin-bottom:10px}.reflection-ai-text{color:#ccd;color:var(--text-secondary);font-style:italic;line-height:1.7;padding:14px}.cat-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.cat-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:4px;padding:10px 8px;transition:all .2s}.cat-btn-emoji{font-size:20px}.completed-list{margin-top:20px}.completed-item{background:#12121a;background:var(--bg-card);border:1px solid #2e2e3e;border:1px solid var(--border-primary);border-radius:12px;box-shadow:none;box-shadow:var(--card-shadow);margin-bottom:8px;padding:14px}.completed-item-header{align-items:center;display:flex;gap:8px}.completed-item-title{color:#f0eee8;color:var(--text-primary);font-size:14px;font-weight:600}.completed-item-meta{color:#6b6b8a;color:var(--text-muted);font-size:11px;margin-top:2px}.completed-item-reflection{color:#99a;color:var(--text-tertiary);font-size:12px;font-style:italic;margin-top:8px;padding-left:28px}.profile-avatar,.profile-avatar-img{border:3px solid #2e2e3e;border:3px solid var(--border-primary);border-radius:50%;height:80px;margin-bottom:12px;width:80px}.profile-avatar-img{object-fit:cover}.profile-avatar-placeholder{align-items:center;background:#7c3aed;border:3px solid #2e2e3e;border:3px solid var(--border-primary);border-radius:50%;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 12px;width:80px}.profile-name{color:#f0eee8;color:var(--text-primary);font-size:20px;font-weight:700}.profile-email{color:#6b6b8a;color:var(--text-muted);font-size:13px;margin-top:4px}.profile-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:32px}.profile-stat-card{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:16px;box-shadow:none;box-shadow:var(--card-shadow);padding:20px 12px;text-align:center}.profile-stat-value{font-size:28px;font-weight:800}.profile-stat-label{color:#6b6b8a;color:var(--text-muted);font-size:11px;margin-top:4px}.profile-info-card{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:16px;box-shadow:none;box-shadow:var(--card-shadow);padding:20px}.profile-info-title{color:#f0eee8;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:16px}.profile-info-row{display:flex;font-size:13px;justify-content:space-between}.profile-info-label{color:#6b6b8a;color:var(--text-muted)}.profile-info-value{color:#99a;color:var(--text-tertiary)}.profile-actions{display:flex;gap:12px;margin-top:24px}.profile-action-btn{border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:12px;color:#99a;color:var(--text-tertiary);flex:1 1;text-align:center;text-decoration:none}.btn-logout,.profile-action-btn{background:#12121a;background:var(--bg-card);box-shadow:none;box-shadow:var(--card-shadow);cursor:pointer;font-size:14px;font-weight:600;padding:14px;transition:all .2s}.btn-logout{border:1px solid #ef444444;border-radius:12px;color:#ef4444;margin-top:12px;width:100%}@media (max-width:480px){.challenge-card{border-radius:14px;padding:18px}.challenge-title{font-size:17px}.challenge-info-grid{gap:8px}.cat-btn{font-size:11px;padding:8px 6px}.cat-btn-emoji{font-size:18px}.profile-stat-value{font-size:22px}.profile-stats-grid{gap:8px}.profile-stat-card{border-radius:12px;padding:14px 8px}.profile-actions{flex-direction:column;gap:8px}.btn-done{min-height:48px}.btn-reset{min-height:44px}}@media (max-width:360px){.challenge-title{font-size:16px}.cat-grid{grid-template-columns:repeat(2,1fr)}.profile-stats-grid{gap:8px;grid-template-columns:1fr}}.motivation-quote{color:#4a4a6a;color:var(--text-dim);font-size:13px;font-style:italic;padding:20px;text-align:center}.skeleton-container{padding:8px 0}.skeleton-block{animation:skeletonShimmer 1.5s ease-in-out infinite;background:#0a0a0f;background:var(--bg-inset)}@keyframes skeletonShimmer{0%,to{opacity:.4}50%{opacity:.8}}.toast-container{display:flex;flex-direction:column;gap:8px;left:50%;max-width:90vw;pointer-events:none;position:fixed;top:20px;transform:translateX(-50%);z-index:10000}.toast{align-items:center;animation:toastIn .3s ease-out,toastOut .3s ease-in 2.7s forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;pointer-events:auto}.toast-success{background:#22c55ee6}.toast-error{background:#ef4444e6}.toast-info{background:#3b82f6e6}.toast-icon{flex-shrink:0;font-size:16px}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.community-view{min-height:60vh}.community-tabs{background:#0a0a0f;background:var(--bg-inset);border-radius:12px;display:flex;gap:4px;margin-bottom:16px;padding:4px}.community-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 8px;transition:all .2s}.community-tab.active{background:#12121a;background:var(--bg-card);box-shadow:0 1px 3px #0000001a;color:#f0eee8;color:var(--text-primary)}.community-tab-emoji{font-size:16px}.community-error{background:#ef444420;border:1px solid #ef444440;border-radius:10px;color:#ef4444;cursor:pointer;font-size:13px;margin-bottom:12px;padding:10px 14px;text-align:center}.community-empty{color:#6b6b8a;color:var(--text-muted);font-size:14px;padding:40px 20px;text-align:center}.topic-filters{-webkit-overflow-scrolling:touch;display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.topic-filters::-webkit-scrollbar{display:none}.topic-filter-btn{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:20px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:12px;padding:6px 12px;transition:all .2s;white-space:nowrap}.topic-filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.topic-create-btn{background:#0000;border:2px dashed #1e1e2e;border:2px dashed var(--border-secondary);border-radius:12px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:12px;padding:12px;transition:all .2s;width:100%}.topic-create-btn:hover{border-color:#3b82f6;color:#3b82f6}.topic-card{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:14px;box-shadow:none;box-shadow:var(--card-shadow);cursor:pointer;margin-bottom:10px;padding:14px;transition:all .2s}.topic-card:hover{border-color:#2e2e3e;border-color:var(--border-primary)}.topic-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.topic-author{align-items:center;display:flex;gap:8px}.topic-avatar{height:28px;width:28px}.topic-avatar,.topic-avatar-small{border-radius:50%;object-fit:cover}.topic-avatar-small{height:24px;width:24px}.topic-avatar-placeholder{align-items:center;background:#3b82f620;border-radius:50%;color:#3b82f6;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.topic-avatar-placeholder.small{font-size:11px;height:24px;width:24px}.topic-author-name{color:#ccd;color:var(--text-secondary);font-size:13px;font-weight:600}.topic-time{color:#4a4a6a;color:var(--text-dim);font-size:11px}.topic-pinned{font-size:14px}.topic-card-title{color:#f0eee8;color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.4;margin-bottom:4px}.topic-card-body{color:#99a;color:var(--text-tertiary);font-size:13px;line-height:1.5;margin-bottom:8px}.topic-card-footer{align-items:center;display:flex;gap:10px}.topic-category-badge{background:#0a0a0f;background:var(--bg-inset);border-radius:12px;color:#6b6b8a;color:var(--text-muted);font-size:11px;padding:3px 8px}.topic-reply-count{color:#4a4a6a;color:var(--text-dim);font-size:12px}.topic-load-more{background:#0a0a0f;background:var(--bg-inset);border:none;border-radius:10px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;font-size:13px;margin-top:4px;padding:10px;width:100%}.topic-back-btn{align-items:center;background:#0000;border:none;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:4px;margin-bottom:12px;padding:8px 0}.topic-detail-card{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:16px;box-shadow:none;box-shadow:var(--card-shadow);margin-bottom:16px;padding:16px}.topic-detail-title{color:#f0eee8;color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.4;margin:12px 0 8px}.topic-detail-body{color:#ccd;color:var(--text-secondary);font-size:14px;line-height:1.7;white-space:pre-wrap}.topic-delete-btn{background:#0000;border:1px solid #ef444440;border-radius:8px;color:#ef4444;cursor:pointer;font-size:12px;margin-top:12px;padding:6px 12px}.topic-replies-section{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:16px;overflow:hidden}.topic-replies-header{border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--border-secondary);color:#f0eee8;color:var(--text-primary);font-size:14px;font-weight:700;padding:14px 16px}.topic-replies-list{max-height:400px;overflow-y:auto}.topic-reply{border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--border-secondary);padding:12px 16px}.topic-reply:last-child{border-bottom:none}.topic-reply-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.topic-reply-body{color:#ccd;color:var(--text-secondary);font-size:14px;line-height:1.6;padding-left:32px;white-space:pre-wrap}.topic-reply-delete{background:#0000;border:none;border-radius:4px;color:#4a4a6a;color:var(--text-dim);cursor:pointer;font-size:14px;padding:2px 6px}.topic-reply-delete:hover{background:#ef444410;color:#ef4444}.topic-reply-input{background:#0a0a0f;background:var(--bg-inset);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:10px;color:#f0eee8;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 12px;resize:none;width:100%}.topic-reply-input:focus{border-color:#3b82f6}.topic-reply-submit{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px}.topic-reply-submit:disabled{cursor:not-allowed;opacity:.5}.topic-composer-overlay{align-items:flex-end;animation:fadeIn .2s ease;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.topic-composer{animation:slideUp .3s ease;background:#12121a;background:var(--bg-card);border-radius:20px 20px 12px 12px;max-height:85vh;max-width:500px;overflow-y:auto;padding:20px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.topic-composer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.topic-composer-header h3{color:#f0eee8;color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.topic-composer-close{background:#0000;border:none;color:#6b6b8a;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px 8px}.topic-composer-field{margin-bottom:14px}.topic-composer-field label{align-items:center;color:#ccd;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:6px}.char-count{color:#4a4a6a;color:var(--text-dim);font-size:11px;font-weight:400}.topic-composer-categories{display:flex;flex-wrap:wrap;gap:6px}.topic-composer-input{background:#0a0a0f;background:var(--bg-inset);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:10px;color:#f0eee8;color:var(--text-primary);font-family:inherit;font-size:15px;outline:none;padding:10px 12px;width:100%}.topic-composer-input:focus{border-color:#3b82f6}.topic-composer-textarea{background:#0a0a0f;background:var(--bg-inset);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:10px;color:#f0eee8;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:80px;outline:none;padding:10px 12px;resize:vertical;width:100%}.topic-composer-textarea:focus{border-color:#3b82f6}.topic-composer-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.topic-composer-cancel{background:#0000;border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:10px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;font-size:14px;padding:10px 20px}.topic-composer-submit{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px}.topic-composer-submit:disabled{cursor:not-allowed;opacity:.5}.chat-room{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:16px;display:flex;flex-direction:column;height:calc(100vh - 280px);min-height:400px;overflow:hidden}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:12px}.chat-load-older{align-self:center;background:#0a0a0f;background:var(--bg-inset);border:none;border-radius:16px;color:#6b6b8a;color:var(--text-muted);cursor:pointer;font-size:12px;margin-bottom:8px;padding:6px 14px}.chat-date-divider{margin:12px 0 8px;text-align:center}.chat-date-divider span{background:#0a0a0f;background:var(--bg-inset);border-radius:10px;color:#4a4a6a;color:var(--text-dim);font-size:11px;padding:3px 10px}.chat-message{align-self:flex-start;display:flex;gap:8px;max-width:80%}.chat-message.own{align-self:flex-end;flex-direction:row-reverse}.chat-message-avatar{align-self:flex-end;flex-shrink:0}.chat-message-avatar img{border-radius:50%;height:28px;object-fit:cover;width:28px}.chat-avatar-placeholder{align-items:center;background:#3b82f620;border-radius:50%;color:#3b82f6;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.chat-message-content{display:flex;flex-direction:column}.chat-message.own .chat-message-content{align-items:flex-end}.chat-message-name{color:#6b6b8a;color:var(--text-muted);font-size:11px;font-weight:600;margin-bottom:2px;padding-left:4px}.chat-message-bubble{background:#0a0a0f;background:var(--bg-inset);border-radius:16px 16px 16px 4px;color:#f0eee8;color:var(--text-primary);font-size:14px;line-height:1.5;padding:8px 12px;white-space:pre-wrap;word-break:break-word}.chat-message.own .chat-message-bubble{background:#3b82f6;border-radius:16px 16px 4px 16px;color:#fff}.chat-message-time{color:#4a4a6a;color:var(--text-dim);font-size:10px;margin-top:2px;padding:0 4px}.chat-error{background:#ef444420;color:#ef4444;cursor:pointer;font-size:12px;padding:8px 12px;text-align:center}.chat-input-bar{background:#12121a;background:var(--bg-card);border-top:1px solid #1e1e2e;border-top:1px solid var(--border-secondary);display:flex;gap:8px;padding:10px 12px}.chat-input{background:#0a0a0f;background:var(--bg-inset);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:20px;color:#f0eee8;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:10px 14px}.chat-input:focus{border-color:#3b82f6}.chat-send-btn{align-items:center;background:#3b82f6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.chat-send-btn:disabled{cursor:not-allowed;opacity:.4}.chat-avatar-spacer{height:28px;width:28px}.chat-image-btn{border:none;border-radius:50%;cursor:pointer;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.chat-image-btn,.chat-image-preview{align-items:center;background:#0a0a0f;background:var(--bg-inset);display:flex}.chat-image-preview{border-top:1px solid #1e1e2e;border-top:1px solid var(--border-secondary);gap:8px;padding:8px 12px}.chat-image-preview img{border-radius:8px;height:60px;object-fit:cover}.chat-image-preview button{background:#ef444430;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-size:14px;padding:4px 8px}.chat-uploading{align-items:center;border-top:1px solid #1e1e2e;border-top:1px solid var(--border-secondary);color:#6b6b8a;color:var(--text-muted);display:flex;font-size:12px;gap:8px;padding:6px 12px}.chat-inline-image{margin:4px 0;max-height:200px;max-width:240px}.chat-inline-image,.reply-image{border-radius:10px;cursor:pointer;display:block;object-fit:cover}.reply-image{margin:8px 0;max-height:240px;max-width:300px}.topic-reply-form{border-top:1px solid #1e1e2e;border-top:1px solid var(--border-secondary);display:flex;flex-direction:column;gap:8px;padding:12px 16px}.reply-input-wrapper{position:relative}.reply-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.reply-image-btn{background:#0000;border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:8px;cursor:pointer;font-size:16px;padding:6px 10px}.image-preview{display:inline-block;margin-top:8px;position:relative}.image-preview img{border-radius:8px;height:80px;object-fit:cover}.image-preview-remove{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.image-uploading{align-items:center;color:#6b6b8a;color:var(--text-muted);display:flex;font-size:12px;gap:8px;padding:6px 0}.upload-spinner{animation:spin .6s linear infinite;border:2px solid #1e1e2e;border:2px solid var(--border-secondary);border-radius:50%;border-top:2px solid #3b82f6;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-row{border-radius:6px;height:12px;margin-bottom:6px}.skeleton-circle,.skeleton-row{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0a0a0f 25%,#1a1a2a 50%,#0a0a0f 75%);background:linear-gradient(90deg,var(--bg-inset) 25%,var(--bg-hover) 50%,var(--bg-inset) 75%);background-size:200% 100%}.skeleton-circle{border-radius:50%;flex-shrink:0}.skeleton-circle,.skeleton-circle.small{height:28px;width:28px}.skeleton-card{pointer-events:none}.skeleton-card .topic-card-footer,.skeleton-card .topic-card-header{align-items:center;display:flex;gap:8px}.topic-skeleton-list{display:flex;flex-direction:column;gap:10px}.skeleton-back{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0a0a0f 25%,#1a1a2a 50%,#0a0a0f 75%);background:linear-gradient(90deg,var(--bg-inset) 25%,var(--bg-hover) 50%,var(--bg-inset) 75%);background-size:200% 100%;border-radius:6px;height:14px;margin-bottom:12px;width:80px}.skeleton-detail-card{margin-bottom:16px}.skeleton-detail-card,.skeleton-replies{background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:16px;padding:16px}.skeleton-reply{align-items:flex-start;border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--border-secondary);display:flex;gap:10px;padding:10px 0}.skeleton-reply:last-child{border-bottom:none}.chat-loading{display:flex;flex-direction:column;gap:8px;padding:12px}.chat-skeleton{align-items:flex-end;align-self:flex-start;display:flex;gap:8px}.chat-skeleton.own{align-self:flex-end;flex-direction:row-reverse}.chat-skeleton-bubble{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0a0a0f 25%,#1a1a2a 50%,#0a0a0f 75%);background:linear-gradient(90deg,var(--bg-inset) 25%,var(--bg-hover) 50%,var(--bg-inset) 75%);background-size:200% 100%;border-radius:16px;height:36px;min-width:80px}.emoji-picker-wrapper{position:relative}.emoji-picker-trigger{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.emoji-picker-trigger:hover{background:#0a0a0f;background:var(--bg-inset)}.emoji-picker-popup{animation:fadeIn .15s ease;background:#12121a;background:var(--bg-card);border:1px solid #1e1e2e;border:1px solid var(--border-secondary);border-radius:14px;bottom:44px;box-shadow:0 8px 24px #0003;display:flex;flex-wrap:wrap;gap:2px;left:50%;max-height:200px;overflow-y:auto;padding:8px;position:absolute;transform:translateX(-50%);width:260px;z-index:50}.emoji-picker-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;width:36px}.emoji-picker-item:hover{background:#1a1a2a;background:var(--bg-hover)}
/*# sourceMappingURL=main.d38acca0.css.map*/