:root{--bg: #0e0e0f;--surface: #18181b;--surface2: #222226;--border: #2e2e33;--accent: #c8a97e;--accent2: #8fa68e;--text: #ede8df;--muted: #7a7672;--danger: #c97070;--radius: 14px;--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}.landing-page{--sand: #fdfaf7;--warm: #B38463;--warm-light: #d4a882;--warm-dark: #7a5a43;--ink: #1c1713;--muted: #9a8878;--rule: #e8ddd4;--surface: #f7f2ec}*{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;min-height:100vh}.screen{display:none;flex-direction:column;height:100vh}.screen.active{display:flex}#screen-setup{align-items:center;justify-content:center;padding:2rem;background:var(--bg)}.setup-inner{width:100%;max-width:420px;display:flex;flex-direction:column;gap:2rem}.logo-block{text-align:center}.setup-logo-img{width:90px;height:90px;margin:0 auto .5rem;display:block}.logo-name{font-family:Jost,sans-serif;font-weight:200;font-size:3.5rem;color:var(--accent);letter-spacing:.1em;line-height:1;text-transform:lowercase}.logo-tagline{color:var(--muted);font-size:.82rem;margin-top:.5rem;letter-spacing:.12em;text-transform:uppercase}.setup-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem;display:flex;flex-direction:column;gap:1.2rem}.setup-label{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem}input[type=text]{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-body);font-size:1rem;padding:.75rem 1rem;outline:none;transition:border-color .2s}input[type=text]:focus{border-color:var(--accent)}.btn{background:var(--accent);color:#1a1410;border:1.58px solid var(--border);border-radius:12px;padding:.8rem 1.2rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;cursor:pointer;transition:transform .3s,box-shadow .3s;letter-spacing:.02em;box-shadow:0 2px 6px #00000040}.btn:hover{transform:translateY(-.335rem);box-shadow:0 8px 20px #0006}.btn:active{transform:translateY(-.1rem);box-shadow:0 4px 10px #0000004d}.btn.secondary{background:var(--surface2);color:var(--text);border:1.58px solid var(--border)}.btn.danger{background:var(--danger);color:#fff}.btn.small{padding:.5rem .9rem;font-size:.82rem}.btn.icon-btn{background:transparent;color:var(--muted);border:none;padding:.4rem;border-radius:6px;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.btn.icon-btn:hover{color:var(--text);background:var(--surface2)}.setup-divider{display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.78rem}.setup-divider:before,.setup-divider:after{content:"";flex:1;height:1px;background:var(--border)}.key-display{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;font-size:.72rem;color:var(--muted);word-break:break-all;font-family:monospace;cursor:pointer;transition:border-color .2s}.key-display:hover{border-color:var(--accent);color:var(--text)}.warning-box{background:#2a1f1a;border:1px solid #4a2e1e;border-radius:8px;padding:.8rem 1rem;font-size:.82rem;color:#c8956a;line-height:1.5}#screen-app{flex-direction:row;height:100vh;height:100dvh}.sidebar{width:310px;min-width:310px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:1.4rem 1.4rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(179,132,99,.06) 0%,transparent 100%)}.sidebar-logo{font-family:Jost,sans-serif;font-weight:200;font-size:1.8rem;color:var(--accent);letter-spacing:.1em;text-transform:lowercase;display:flex;align-items:center;gap:.45rem}.sidebar-logo-img{width:34px;height:34px;flex-shrink:0}.sidebar-actions{display:flex;gap:.3rem}.sidebar-list{flex:1;overflow-y:auto;padding:.4rem 0}.sidebar-footer{display:flex;gap:.5rem;padding:.8rem 1rem;border-top:1px solid var(--border);background:var(--surface)}.sidebar-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .5rem;background:var(--surface2);border:1.58px solid var(--border);border-radius:12px;color:var(--text);font-family:var(--font-body);font-size:.82rem;font-weight:500;cursor:pointer;transition:transform .3s,box-shadow .3s,background .15s;box-shadow:0 2px 6px #0003}.sidebar-action-btn:hover{transform:translateY(-.335rem);box-shadow:0 8px 20px #00000059;background:var(--border)}.sidebar-action-btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1410}.sidebar-action-btn.primary:hover{background:var(--accent)}.chat-item{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;cursor:pointer;transition:background .12s}@media(hover:hover){.chat-item:hover{background:var(--surface2)}}.chat-item:active,.chat-item.active{background:var(--surface2)}.chat-item-menu-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:1rem;padding:.2rem .4rem;border-radius:4px;opacity:0;transition:opacity .15s}@media(hover:hover){.chat-item:hover .chat-item-menu-btn{opacity:1}}.chat-item-menu{position:absolute;right:8px;top:100%;z-index:100;background:var(--surface2);border:1px solid var(--border);border-radius:8px;overflow:hidden;min-width:150px;box-shadow:0 4px 16px #0006}.chat-item-menu button{display:block;width:100%;padding:.6rem 1rem;text-align:left;background:none;border:none;color:var(--text);cursor:pointer;font-size:.85rem;font-family:var(--font-body)}@media(hover:hover){.chat-item-menu button:hover{background:var(--border)}}.chat-section-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding:.8rem 1rem .3rem}.chat-list-empty{display:flex;flex-direction:column;align-items:center;padding:2rem 1.2rem;text-align:center}.chat-list-empty-icon{font-size:2rem;margin-bottom:.6rem}.chat-list-empty-title{font-size:.95rem;font-weight:500;color:var(--text);margin-bottom:.3rem}.chat-list-empty-sub{font-size:.8rem;color:var(--muted);line-height:1.5}.contact-item,.room-item{display:flex;align-items:center;gap:.8rem;padding:.7rem 1.2rem;cursor:pointer;transition:background .12s;border-radius:0}@media(hover:hover){.contact-item:hover,.room-item:hover{background:var(--surface2)}}.contact-item:active,.room-item:active,.contact-item.active,.room-item.active{background:var(--surface2)}.avatar{width:38px;height:38px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1rem;color:var(--accent);flex-shrink:0}.avatar.group{border-radius:10px;color:var(--accent2);font-size:.85rem}.contact-info{flex:1;min-width:0}.contact-name{font-size:.9rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-sub{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.1rem}.unread-badge{background:var(--accent);color:#1a1410;border-radius:10px;font-size:.68rem;font-weight:500;padding:.1rem .45rem;min-width:18px;text-align:center}.sidebar-empty{padding:2rem 1.2rem;color:var(--muted);font-size:.82rem;text-align:center;line-height:1.6}.chat-area{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-width:0;width:100%}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:.8rem;overflow:auto;padding:2rem 1rem;min-height:0}.chat-empty-state .big-logo{font-family:var(--font-display);font-size:4rem;color:var(--border);font-style:italic}.chat-empty-state p{font-size:.85rem}.onboarding-guide{width:100%;max-width:340px;border-top:1px solid var(--border);padding-top:1.2rem}.onboarding-title{font-size:.75rem;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.8rem;padding:0 .2rem}.onboarding-step{display:flex;align-items:flex-start;gap:.7rem;padding:.6rem .2rem}.onboarding-icon{width:32px;height:32px;min-width:32px;border-radius:8px;background:var(--surface2);display:flex;align-items:center;justify-content:center;color:var(--accent)}.onboarding-step-title{font-size:.85rem;font-weight:500;color:var(--text);margin-bottom:.1rem}.onboarding-step-desc{font-size:.78rem;color:var(--muted);line-height:1.4}.onboarding-step.clickable{cursor:pointer;border-radius:10px;transition:background .15s;padding:.6rem;margin:0 -.4rem}.onboarding-step.clickable:hover{background:var(--surface2)}.onboarding-step.clickable:active{background:var(--border)}.chat-header{padding:1rem 1.4rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem;background:var(--surface)}.chat-header-info{flex:1}.chat-header-name{font-weight:500;font-size:1rem}.chat-header-sub{font-size:.75rem;color:var(--muted);margin-top:.1rem}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.6rem;scroll-behavior:smooth;width:100%}.msg-row{display:flex;flex-direction:column;max-width:72%}.msg-row.mine{align-self:flex-end;align-items:flex-end}.msg-row.theirs{align-self:flex-start;align-items:flex-start}.msg-sender{font-size:.7rem;color:var(--muted);margin-bottom:.2rem;padding:0 .5rem}.msg-bubble{padding:.6rem .95rem;border-radius:14px;font-size:.9rem;line-height:1.5;word-break:break-word;max-width:100%}.msg-row.mine .msg-bubble{background:var(--accent);color:#1a1410;border-bottom-right-radius:4px}.msg-row.theirs .msg-bubble{background:var(--surface2);border:1px solid var(--border);border-bottom-left-radius:4px}.msg-bubble.image-msg{padding:.3rem;background:transparent;border:1px solid var(--border);overflow:hidden;max-width:280px}.msg-row.mine .msg-bubble.image-msg{border-color:var(--accent)}.msg-bubble.location-msg{display:flex;align-items:center;gap:.6rem;font-size:.85rem}.location-icon{font-size:1.1rem}.location-words{font-weight:500;letter-spacing:.03em}.location-link{font-size:.72rem;color:var(--muted);text-decoration:none;display:block;margin-top:.1rem}.msg-row.mine .location-link{color:#6b5030}.location-link:hover{text-decoration:underline}.msg-translate-row{display:flex;align-items:center;gap:.4rem;padding:0 .5rem;min-height:.9rem}.msg-translate-hint{font-size:.65rem;color:var(--muted);font-style:italic}.msg-translate-toggle{font-size:.65rem;color:var(--accent);background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-body);text-decoration:underline}.msg-translate-toggle:hover{opacity:.8}.msg-time{font-size:.65rem;color:var(--muted);margin-top:.2rem;padding:0 .5rem}.msg-system{text-align:center;font-size:.72rem;color:var(--muted);padding:.4rem 0}.msg-status-icon{display:inline-flex;align-items:center;margin-left:.3rem;vertical-align:middle}.msg-retry-btn{background:none;border:none;color:var(--danger);cursor:pointer;padding:0;display:inline-flex;align-items:center;vertical-align:middle}.msg-retry-btn:hover{opacity:.7}.msg-row.failed .msg-bubble{opacity:.6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shakePin{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.spin-icon{animation:spin 1s linear infinite}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:500;padding:1rem;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem;max-width:340px;width:100%;display:flex;flex-direction:column;gap:1rem;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.confirm-title{font-family:var(--font-display);font-size:1.2rem;color:var(--accent)}.confirm-message{font-size:.88rem;color:var(--text);line-height:1.5}.confirm-actions{display:flex;gap:.6rem;justify-content:flex-end}.chat-search-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--surface)}.chat-search-input{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-body);font-size:.85rem;padding:.5rem .8rem;outline:none}.chat-search-input:focus{border-color:var(--accent)}.chat-search-input::placeholder{color:var(--muted)}.search-count{font-size:.72rem;color:var(--muted);white-space:nowrap}.chat-input-bar{padding:.8rem 1.2rem;padding-bottom:calc(.8rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--surface);display:flex;align-items:flex-end;gap:.6rem;position:relative;flex-shrink:0}.input-wrapper{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:12px;display:flex;align-items:flex-end;overflow:hidden;transition:border-color .2s}.input-wrapper:focus-within{border-color:var(--accent)}#msg-input{flex:1;background:transparent;border:none;color:var(--text);font-family:var(--font-body);font-size:.92rem;padding:.7rem .8rem;outline:none;resize:none;max-height:120px;overflow-y:auto;line-height:1.4;min-height:40px}.emoji-btn{background:transparent;border:none;color:var(--muted);font-size:1.2rem;padding:.5rem .6rem;cursor:pointer;transition:color .15s;align-self:flex-end}.emoji-btn:hover{color:var(--text)}.send-btn{background:var(--accent);border:none;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1a1410;font-size:1rem;transition:opacity .15s,transform .1s;flex-shrink:0}.send-btn:hover{opacity:.88}.send-btn:active{transform:scale(.95)}.attach-btn,.loc-btn{background:var(--surface2);border:1px solid var(--border);border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);font-size:1rem;transition:color .15s,border-color .15s;flex-shrink:0}.attach-btn:hover{color:var(--text);border-color:var(--accent)}.loc-btn:hover{color:var(--accent2);border-color:var(--accent2)}.emoji-picker{position:absolute;bottom:70px;left:1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.8rem;display:flex;flex-wrap:wrap;gap:.3rem;max-width:280px;z-index:100;box-shadow:0 8px 32px #0006}.emoji-opt{font-size:1.3rem;cursor:pointer;padding:.2rem;border-radius:4px;transition:background .1s;line-height:1}.emoji-opt:hover{background:var(--surface2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal-overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:100%;max-width:420px;max-height:calc(100vh - 2rem);overflow-y:auto;display:flex;flex-direction:column;gap:1.2rem}.modal-title{font-family:var(--font-display);font-size:1.5rem;color:var(--accent)}.modal-subtitle{font-size:.82rem;color:var(--muted);line-height:1.5}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end}.modal-back-btn{display:flex;align-items:center;gap:.3rem;background:none;border:none;color:var(--muted);cursor:pointer;font-size:.85rem;font-family:var(--font-body);padding:0;margin-bottom:-.4rem;transition:color .15s}.modal-back-btn:hover{color:var(--text)}.chat-item-menu button{display:flex;align-items:center;gap:.5rem}.code-display{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:1.2rem;text-align:center}.code-number{font-size:2.5rem;font-family:monospace;letter-spacing:.3em;color:var(--accent);font-weight:500}.code-timer{font-size:.78rem;color:var(--muted);margin-top:.4rem}.status-bar{position:fixed;bottom:0;left:0;right:0;background:#1a1205;border-top:1px solid #3a2a0e;padding:.5rem 1rem;font-size:.72rem;color:#c8956a;text-align:center;z-index:300}.pwa-banner{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:.8rem 1rem;padding-bottom:calc(.8rem + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:.8rem;z-index:200;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pwa-banner-text{flex:1;display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:var(--muted);line-height:1.4}.pwa-banner-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.pwa-install-btn{background:var(--accent)!important;color:#1a1410!important;font-size:.8rem!important;padding:.4rem .8rem!important;border-radius:12px!important;font-weight:500!important;border:1.58px solid var(--border)!important;box-shadow:0 2px 6px #00000040!important;transition:transform .3s,box-shadow .3s!important}.pwa-install-btn:hover{transform:translateY(-.335rem)!important;box-shadow:0 8px 20px #0006!important}.pwa-dismiss-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:.3rem}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:none;align-items:center;justify-content:center;z-index:500;cursor:zoom-out}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:90vh;border-radius:8px}.mobile-back,.mobile-sidebar-btn{display:none}@media(max-width:600px){.sidebar{width:100%;min-width:100%;position:absolute;top:0;left:0;height:100%;z-index:10;transform:translate(-100%);transition:transform .25s}.sidebar.open{transform:translate(0)}#screen-app{position:relative;overflow:hidden}.mobile-back{display:flex}.mobile-sidebar-btn{display:flex;align-items:center;gap:.6rem;padding:1rem 1.8rem;background:var(--accent);color:#1a1410;border:none;border-radius:14px;font-family:var(--font-body);font-size:1.1rem;font-weight:600;cursor:pointer;margin-bottom:1.5rem;box-shadow:0 4px 20px #b3846359;transition:transform .15s,box-shadow .15s}.mobile-sidebar-btn:active{transform:scale(.97);box-shadow:0 2px 10px #b3846340}.chat-input-bar{padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));gap:.3rem}.chat-input-bar .loc-btn{display:none}.attach-btn,.loc-btn,.send-btn{width:44px;height:44px;min-width:44px}.chat-item-menu-btn{opacity:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}#msg-input{font-size:16px;padding:.5rem .6rem}.sidebar-header{padding-top:calc(1.4rem + env(safe-area-inset-top,0px))}.sidebar-footer{padding-bottom:calc(.8rem + env(safe-area-inset-bottom,0px))}.chat-header{padding-top:calc(1rem + env(safe-area-inset-top,0px))}}.landing-page{background:var(--sand);color:var(--ink);font-family:Jost,system-ui,sans-serif;font-weight:300;line-height:1.7;overflow-x:hidden;min-height:100vh}.landing-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:999}.landing-page nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.4rem 3rem;display:flex;align-items:center;justify-content:space-between;background:#fdfaf7eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}.nav-logo{display:flex;align-items:center;gap:.2rem;text-decoration:none}.nav-logo img{width:44px;height:44px}.nav-wordmark{font-family:Jost,sans-serif;font-size:1.3rem;font-weight:200;color:var(--warm);letter-spacing:.08em}.nav-right{display:flex;align-items:center;gap:2rem}.nav-link{font-size:.78rem;color:var(--muted);text-decoration:none;letter-spacing:.12em;text-transform:uppercase;transition:color .2s}.nav-link:hover{color:var(--warm)}.lang-btn{background:none;border:1px solid transparent;color:var(--muted);font-size:.75rem;font-weight:500;padding:.2rem .5rem;border-radius:4px;cursor:pointer;font-family:var(--font-body);transition:all .2s}.lang-btn:hover{color:var(--text)}.lang-btn.active{color:var(--warm);border-color:var(--warm);font-weight:700}.nav-cta{background:var(--warm);color:var(--sand);border:1.58px solid var(--border);padding:.55rem 1.4rem;font-family:Jost,sans-serif;font-size:.78rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-radius:12px;transition:transform .3s,box-shadow .3s,background .2s;cursor:pointer;box-shadow:0 2px 6px #00000040}.nav-cta:hover{background:var(--warm-dark);transform:translateY(-.335rem);box-shadow:0 8px 20px #0006}.hero-1{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem 4rem;position:relative;overflow:hidden}.hero-1:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(200,169,126,.06) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-55%);pointer-events:none}.hero-brand{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;animation:fadeUp 1s ease both}.hero-brand-icon{width:64px;height:64px}.hero-brand-name{font-family:Jost,sans-serif;font-weight:200;font-size:3.2rem;letter-spacing:.12em;color:var(--accent, #c8a97e);text-transform:lowercase}.hero-brand-line{width:1px;height:40px;background:linear-gradient(to bottom,transparent,var(--accent, #c8a97e),transparent);margin:0 .5rem}.hero-brand-tagline{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);max-width:100px;text-align:left;line-height:1.5}.hero-1 .hero-title{animation:fadeUp 1s .15s ease both}.hero-1 .hero-sub{animation:fadeUp 1s .25s ease both;margin-bottom:2.5rem}.hero-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:300;line-height:1.15;color:var(--ink);letter-spacing:-.01em;margin-bottom:1.2rem}.hero-title em{font-style:italic;color:var(--warm)}.hero-sub{font-size:.9rem;color:var(--muted);font-weight:300;line-height:1.7;margin-bottom:2rem}.hero-cta-btn{display:inline-block;padding:.7rem 2rem;border:1.58px solid var(--border);border-radius:12px;background:var(--surface, #161617);color:var(--accent);font-family:Jost,sans-serif;font-size:.78rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 8px #0000004d;cursor:pointer}.hero-cta-btn:hover{transform:translateY(-.335rem);box-shadow:0 8px 20px #00000080}.hero-hint{max-width:380px;font-size:.72rem;color:var(--muted);line-height:1.6;margin-top:1.2rem}@media(max-width:768px){.hero-brand{gap:.6rem}.hero-brand-icon{width:40px;height:40px}.hero-brand-name{font-size:2rem}.hero-brand-line{height:28px}.hero-brand-tagline{font-size:.6rem;max-width:80px}.hero-hint{margin-left:auto;margin-right:auto}}.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center;animation:fadeDown 1s .3s ease both}.btn-primary{background:var(--warm);color:var(--sand);text-decoration:none;padding:.9rem 2.4rem;font-family:Jost,sans-serif;font-size:.82rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;border-radius:12px;border:1.58px solid var(--border);cursor:pointer;transition:transform .3s,box-shadow .3s,background .2s;display:inline-block;box-shadow:0 2px 6px #00000040}.btn-primary:hover{background:var(--warm-dark);transform:translateY(-.335rem);box-shadow:0 8px 20px #0006}.glow-card-outer{display:inline-block;width:160px;height:50px;border-radius:10px;padding:1px;background:radial-gradient(circle 120px at 0% 0%,var(--accent, #c8a97e),#0c0d0d);position:relative;text-decoration:none;cursor:pointer;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 12px #0000004d}.glow-card-outer:hover{transform:translateY(-.335rem);box-shadow:0 12px 30px #00000080}.glow-dot{width:4px;aspect-ratio:1;position:absolute;background-color:var(--accent, #c8a97e);box-shadow:0 0 8px var(--accent, #c8a97e);border-radius:100px;z-index:2;right:10%;top:10%;animation:glowDotMove 6s linear infinite}@keyframes glowDotMove{0%,to{top:10%;right:10%}25%{top:10%;right:calc(100% - 18px)}50%{top:calc(100% - 12px);right:calc(100% - 18px)}75%{top:calc(100% - 12px);right:10%}}.glow-card{z-index:1;width:100%;height:100%;border-radius:9px;border:solid 1px #202222;background:radial-gradient(circle 140px at 0% 0%,#333,#0c0d0d);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.glow-ray{width:100px;height:20px;border-radius:100px;position:absolute;background-color:var(--accent, #c8a97e);opacity:.15;box-shadow:0 0 30px var(--accent, #c8a97e);filter:blur(8px);transform-origin:10%;top:0;left:0;transform:rotate(30deg);pointer-events:none}.glow-card-text{font-family:Jost,sans-serif;font-size:.78rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:var(--accent, #c8a97e);position:relative;z-index:2}.glow-line{position:absolute;background-color:#2c2c2c}.glow-line.topl{width:100%;height:1px;top:18%;background:linear-gradient(90deg,#666 30%,#1d1f1f 70%)}.glow-line.bottoml{width:100%;height:1px;bottom:18%}.glow-line.leftl{left:12%;width:1px;height:100%;background:linear-gradient(180deg,#555 30%,#222 70%)}.glow-line.rightl{right:12%;width:1px;height:100%}.hero-hint{max-width:380px;font-size:.75rem;color:var(--muted);line-height:1.6;text-align:center;margin-top:1.2rem}.btn-ghost{color:var(--muted);text-decoration:none;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--rule);padding-bottom:2px;transition:color .2s,border-color .2s;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer}.btn-ghost:hover{color:var(--warm);border-color:var(--warm)}.scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--rule);animation:fadeDown 1s .6s ease both}.scroll-hint span{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--warm),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}.landing-page section{padding:7rem 2rem}.container{max-width:860px;margin:0 auto}.section-eyebrow{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--warm);margin-bottom:1rem}.section-title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:300;line-height:1.2;color:var(--ink);margin-bottom:1.5rem}.section-title em{font-style:italic;color:var(--warm)}.promises{background:var(--surface);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3.5rem}@media(max-width:900px){.promise-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:500px){.promise-grid{grid-template-columns:1fr}}.promise{position:relative;padding-top:1.5rem}.promise:before{content:"";position:absolute;top:0;left:0;width:32px;height:1px;background:var(--warm)}.promise-num{font-family:Playfair Display,serif;font-size:.75rem;color:var(--warm-light);letter-spacing:.15em;margin-bottom:.8rem}.promise-title{font-size:.95rem;font-weight:400;color:var(--ink);margin-bottom:.6rem;letter-spacing:.02em}.promise-body{font-size:.85rem;color:var(--muted);line-height:1.8}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:3.5rem}@media(max-width:640px){.features-grid{grid-template-columns:1fr}}.feature{background:var(--sand);padding:2.5rem 2rem;transition:background .2s}.feature:hover{background:var(--surface)}.feature-icon{font-size:1.4rem;margin-bottom:1rem;display:block}.feature-name{font-size:.9rem;font-weight:400;color:var(--ink);margin-bottom:.5rem}.feature-desc{font-size:.82rem;color:var(--muted);line-height:1.7}.howto{background:var(--surface);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.steps{margin-top:3.5rem;display:flex;flex-direction:column}.step{display:grid;grid-template-columns:60px 1fr;gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--rule);align-items:start}.step:first-child{border-top:1px solid var(--rule)}.step-num{font-family:Playfair Display,serif;font-size:2rem;font-weight:300;color:var(--rule);line-height:1;padding-top:.2rem}.step-title{font-size:.9rem;font-weight:400;color:var(--ink);margin-bottom:.35rem;letter-spacing:.02em}.step-desc{font-size:.82rem;color:var(--muted);line-height:1.8}.step-desc code{font-family:Courier New,monospace;font-size:.8em;background:var(--rule);padding:.1em .4em;border-radius:2px;color:var(--warm-dark)}.philosophy-inner{max-width:560px}.landing-page blockquote{font-family:Playfair Display,serif;font-size:clamp(1.3rem,3vw,2rem);font-weight:300;font-style:italic;line-height:1.45;color:var(--ink);padding-left:2rem;border-left:2px solid var(--warm);margin-bottom:1.2rem}.quote-caption{font-size:.72rem;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;padding-left:2rem}.source-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.copy-btn{background:transparent;border:1.58px solid var(--rule);border-radius:12px;padding:.45rem 1rem;font-family:Jost,sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:transform .3s,box-shadow .3s,border-color .2s,color .2s;box-shadow:0 2px 6px #00000026}.copy-btn:hover{border-color:var(--warm);color:var(--warm);transform:translateY(-.335rem);box-shadow:0 8px 20px #0000004d}.copy-btn.copied{border-color:var(--warm);color:var(--warm)}.source-box{border:1px solid var(--rule);overflow:hidden}.source-toolbar{background:var(--surface);border-bottom:1px solid var(--rule);padding:.65rem 1.2rem;display:flex;align-items:center;justify-content:space-between}.source-filename{font-family:Courier New,monospace;font-size:.72rem;color:var(--muted)}.source-stats{font-size:.65rem;color:var(--rule);letter-spacing:.08em}.source-pre{background:#1a1511;color:#c8a87e;font-family:Courier New,monospace;font-size:.7rem;line-height:1.65;padding:1.5rem;overflow:auto;max-height:420px;white-space:pre;cursor:text;-webkit-user-select:all;user-select:all}.landing-page footer{border-top:1px solid var(--rule);padding:2rem 3rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-left{display:flex;align-items:center;gap:.8rem}.footer-logo-block{display:flex;flex-direction:column;align-items:center}.footer-logo{width:36px;height:36px;opacity:.7;margin-bottom:-.4rem}.footer-logo-name{font-family:Jost,sans-serif;font-weight:200;font-size:.7rem;letter-spacing:.1em;color:var(--muted);text-transform:lowercase}.footer-text{font-size:.72rem;color:var(--muted);letter-spacing:.06em}.footer-mit{font-size:.65rem;color:var(--muted);border:1px solid var(--rule);padding:.2rem .6rem;letter-spacing:.1em;text-transform:uppercase}@keyframes fadeDown{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.landing-page nav{padding:1rem 1.2rem}.nav-right{gap:.6rem}.nav-link{display:none}.lang-btn{font-size:.65rem;padding:.2rem .35rem}.nav-cta{font-size:.7rem;padding:.55rem 1rem;letter-spacing:.08em}.nav-logo img{width:32px;height:32px}.nav-wordmark{font-size:1.1rem}.landing-page section{padding:5rem 1.5rem}}.ttl-picker-wrapper{position:relative}.ttl-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:.3rem;border-radius:6px;display:flex;align-items:center;gap:.25rem;transition:color .15s,background .15s}.ttl-btn:hover{color:var(--text);background:var(--surface2)}.ttl-btn.active{color:var(--accent)}.ttl-badge{font-size:.68rem;font-weight:600;letter-spacing:.03em}.ttl-dropdown{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:.3rem;display:flex;flex-direction:column;gap:2px;z-index:50;min-width:80px;box-shadow:0 4px 16px #0006}.ttl-option{background:none;border:none;color:var(--text);cursor:pointer;padding:.4rem .7rem;border-radius:7px;font-size:.82rem;text-align:center;font-family:var(--font-body);transition:background .12s}.ttl-option:hover{background:var(--border)}.ttl-option.selected{background:var(--accent);color:#000;font-weight:600}.msg-row.ephemeral .msg-bubble{border:1px dashed var(--accent);position:relative}.msg-ephemeral-badge{display:inline-flex;align-items:center;gap:3px;color:var(--accent);font-size:.68rem;margin-left:.4rem;font-weight:500}@keyframes ephemeralFade{0%{opacity:1}70%{opacity:1}to{opacity:0;transform:scale(.95)}}.lang-toggle{display:flex;align-items:center;gap:.5rem;justify-content:center}.lang-toggle-label{font-size:.78rem;font-weight:400;color:var(--muted);font-family:var(--font-body);transition:color .15s,font-weight .15s;min-width:1.4em;text-align:center;-webkit-user-select:none;user-select:none}.lang-toggle-label.active{color:var(--accent);font-weight:700}.switch{--switch_width: 2.4em;--switch_height: 1.1em;--thumb_color: var(--accent, #c8a97e);--track_color: var(--surface2, #2a2a2b);--track_active_color: var(--surface2, #2a2a2b);--outline_color: var(--border, #3a3a3b);font-size:15px;position:relative;display:inline-block;width:var(--switch_width);height:var(--switch_height)}.switch input{opacity:0;width:0;height:0}.switch .slider{box-sizing:border-box;border:2px solid var(--outline_color);position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--track_color);transition:.15s;border-radius:var(--switch_height)}.switch .slider:before{box-sizing:border-box;position:absolute;content:"";height:var(--switch_height);width:var(--switch_height);border:2px solid var(--outline_color);border-radius:100%;left:-2px;bottom:-2px;background-color:var(--thumb_color);transform:translateY(-.2em);box-shadow:0 .2em 0 var(--outline_color);transition:.15s}.switch input:checked+.slider{background-color:var(--track_active_color)}.switch input:focus-visible+.slider{box-shadow:0 0 0 2px var(--accent, #c8a97e)}.switch input:hover+.slider:before{transform:translateY(-.3em);box-shadow:0 .3em 0 var(--outline_color)}.switch input:checked+.slider:before{transform:translate(calc(var(--switch_width) - var(--switch_height))) translateY(-.2em)}.switch input:hover:checked+.slider:before{transform:translate(calc(var(--switch_width) - var(--switch_height))) translateY(-.3em);box-shadow:0 .3em 0 var(--outline_color)}.alina-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--accent, #c8a97e);border-radius:5px;background-color:transparent;display:inline-block;position:relative;cursor:pointer;flex-shrink:0;transition:border-color .2s}.alina-checkbox:before{content:"";background-color:var(--accent, #c8a97e);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;border-radius:3px;transition:all .3s ease-in-out}.alina-checkbox:checked:before{transform:translate(-50%,-50%) scale(1)}.social-icons{display:inline-flex;list-style:none;padding:0;margin:0;gap:.6rem;justify-content:center}.social-icons .icon{position:relative;background:var(--surface2, #1a1a1b);border:1.58px solid var(--border);border-radius:50%;width:42px;height:42px;font-size:16px;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 4px 8px #0003;cursor:pointer;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);text-decoration:none;color:var(--muted)}.social-icons .icon .tooltip{position:absolute;top:0;font-size:12px;background:var(--surface2);color:#fff;padding:4px 8px;border-radius:5px;box-shadow:0 6px 10px #0003;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);white-space:nowrap}.social-icons .icon .tooltip:before{position:absolute;content:"";height:8px;width:8px;background:var(--surface2);bottom:-3px;left:50%;transform:translate(-50%) rotate(45deg);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.social-icons .icon:hover .tooltip{top:-38px;opacity:1;visibility:visible;pointer-events:auto}.social-icons .icon:hover span,.social-icons .icon:hover .tooltip{text-shadow:0px -1px 0px rgba(0,0,0,.1)}.social-icons .icon.instagram:hover,.social-icons .icon.instagram:hover .tooltip,.social-icons .icon.instagram:hover .tooltip:before{background:#e4405f;color:#fff;border-color:#e4405f}.social-icons .icon.twitter:hover,.social-icons .icon.twitter:hover .tooltip,.social-icons .icon.twitter:hover .tooltip:before{background:#1da1f2;color:#fff;border-color:#1da1f2}.social-icons .icon.telegram:hover,.social-icons .icon.telegram:hover .tooltip,.social-icons .icon.telegram:hover .tooltip:before{background:#08c;color:#fff;border-color:#08c}.social-icons .icon.github:hover,.social-icons .icon.github:hover .tooltip,.social-icons .icon.github:hover .tooltip:before{background:#333;color:#fff;border-color:#333}.wave-group{position:relative;margin-top:.5rem}.wave-group .wave-input{font-size:1.6rem;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-bottom:1px solid var(--border, #515151);background:transparent;color:var(--text, #fff);letter-spacing:.4em;text-align:center;font-family:monospace;box-sizing:border-box}.wave-group .wave-input:focus{outline:none}.wave-group .wave-label{color:var(--muted, #999);font-size:.85rem;font-weight:400;position:absolute;pointer-events:none;left:50%;transform:translate(-50%);top:12px;display:flex;transition:.2s ease all}.wave-group .wave-label .label-char{transition:.2s ease all;transition-delay:calc(var(--index) * .05s)}.wave-group .wave-input:focus~.wave-label .label-char,.wave-group .wave-input:valid~.wave-label .label-char{transform:translateY(-22px);font-size:.72rem;color:var(--accent, #c8a97e)}.wave-group .wave-bar{position:relative;display:block;width:100%}.wave-group .wave-bar:before,.wave-group .wave-bar:after{content:"";height:2px;width:0;bottom:1px;position:absolute;background:var(--accent, #c8a97e);transition:.2s ease all}.wave-group .wave-bar:before{left:50%}.wave-group .wave-bar:after{right:50%}.wave-group .wave-input:focus~.wave-bar:before,.wave-group .wave-input:focus~.wave-bar:after{width:50%}