:root{color-scheme:light;background:#ffffff;color:#1f2933;--icon:clamp(40px,12.7vw,50px);--letterBtn:clamp(56px,17.8vw,70px);--chatSend:clamp(44px,12.7vw,50px);--paperRadius:24px;--bubbleRadius:18px;--stroke:2.5px;--shadow:0 12px 30px rgba(0,0,0,0.12)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;min-height:100%;overflow:hidden}body{overscroll-behavior-y:none;background:#ffffff;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.screen,body{min-height:100dvh;overflow:hidden}.login-screen{display:flex;align-items:center;justify-content:center;padding:24px;background:#fff}.login-card{width:min(100%,380px);border-radius:var(--paperRadius);padding:22px 20px;background:#fff}.login-card h1{margin:0 0 8px;text-align:center}.login-card p{margin:0 0 14px;text-align:center}.identity-row{display:flex;gap:10px;margin-bottom:14px}.identity-btn{flex:1 1;min-height:44px;border:2px solid #222;border-radius:14px;background:#fff;color:#111;font-weight:700;box-shadow:0 2px 0 rgba(0,0,0,.14)}.identity-btn.active{background:#f3f3f3;color:#111}.login-card form{display:flex;flex-direction:column;gap:10px}button,input,select,textarea{font:inherit}input{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:11px 12px;background:#ffffff}button{border:none;border-radius:12px;padding:11px 14px;background:#0ea5e9;color:#fff;font-weight:600}button:disabled{opacity:.6}.login-submit{min-height:44px;box-shadow:0 2px 0 rgba(0,0,0,.14)}.app-screen{display:flex;flex-direction:column;padding-bottom:12px}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px}.top-bar p{margin:0;font-weight:700}.top-actions{display:flex;gap:8px}.top-actions button{background:#1e293b;font-size:.85rem;padding:8px 10px}.inbox-btn{position:relative;background:transparent!important;border:1px solid #94a3b8;padding:4px!important;border-radius:12px;width:44px;height:44px;display:grid;place-items:center}.inbox-btn-gif{width:32px;height:32px;object-fit:contain}.inbox-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:999px;background:#ef4444;color:#fff;font-size:.68rem;line-height:18px;text-align:center;padding:0 4px}.secondary-btn{background:#334155}.debug-panel{background:rgba(15,23,42,.9);color:#e2e8f0;font-size:.8rem}.debug-panel,.room-controls{margin:0 12px 8px;border-radius:14px;padding:10px}.room-controls{background:rgba(255,255,255,.9);box-shadow:0 8px 22px rgba(15,23,42,.12);gap:8px}.room-status{margin:0;color:#334155;word-break:break-all}.presence-row{display:flex;gap:14px}.presence-row p{margin:0;font-size:.85rem;color:#0f172a}.letters-drawer{margin:0 12px 8px;border-radius:14px;background:rgba(255,255,255,1);box-shadow:0 10px 24px rgba(15,23,42,.12);padding:10px;display:flex;flex-direction:column;gap:8px}.letters-drawer-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.letters-title{margin:0;font-size:.92rem;font-weight:700}.letters-subtitle{margin:0;font-size:.78rem}.letters-list{max-height:240px;display:flex;flex-direction:column;gap:8px}.letters-date-group h3{margin:0 0 6px;font-size:.78rem;color:#334155}.letter-row-wrap{display:flex;flex-direction:column;gap:4px}.letter-row{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;color:#0f172a;padding:8px;text-align:left}.letter-row.open{border-color:#94a3b8;background:#f1f5f9}.letter-row-main{display:flex;flex-direction:column;gap:2px}.letter-row-main strong{font-size:.82rem}.letter-row-main small{font-size:.72rem;color:#475569}.letter-unread-dot{color:#ef4444;font-size:.78rem;line-height:1;margin-top:2px}.letter-body-card{border:1px solid #dbeafe;background:#eff6ff;border-radius:10px;padding:8px}.letter-body-card p{margin:0;white-space:pre-wrap;font-size:.82rem}.letter-gif-action{background:transparent;border:none;padding:0;align-self:flex-start}.letter-gif-action img{width:148px;max-width:100%;height:auto;display:block}.letters-compose{display:flex;flex-direction:column;gap:8px}.letters-compose textarea{width:100%;min-height:120px;resize:vertical;border:1px solid #cbd5e1;border-radius:10px;padding:10px;font:inherit}.letters-compose-actions{display:flex;align-items:center;gap:8px}.letters-hint{margin:0;color:#64748b;font-size:.82rem}.room-buttons{display:flex;gap:8px}.room-btn{flex:1 1;font-size:.8rem;padding:9px 10px}.room-btn-muted{background:#475569}.debug-actions,.join-room-form{display:flex;gap:8px}.debug-actions{margin-top:8px;flex-direction:column}.debug-btn{width:100%;background:#0f172a;border:1px solid #334155;font-size:.78rem;padding:8px 10px}.debug-note{margin-top:6px;color:#cbd5e1;font-size:.78rem}.memory-top-list{margin-top:8px;display:flex;flex-direction:column;gap:6px;max-height:180px}.memory-top-item{background:rgba(15,23,42,.55);border:1px solid #334155;border-radius:8px;padding:6px 8px}.memory-top-item p{margin:0;font-size:.75rem}.memory-top-item p+p{margin-top:4px}.neo-stage{flex:1 1;min-height:42dvh;display:grid;place-items:center;text-align:center;padding:8px 16px 16px}.neo-gif{width:min(70vw,260px);aspect-ratio:1/1;border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 14px 42px rgba(2,132,199,.2)}.neo-state{margin:10px 0 0;font-size:.9rem;color:#475569}.chat-drawer{margin:0 12px;background:rgba(255,255,255,.92);box-shadow:0 16px 40px rgba(15,23,42,.15);max-height:36dvh}.chat-drawer,.nest-panel{border-radius:18px;padding:10px;display:flex;flex-direction:column;gap:8px}.nest-panel{margin:0 12px 10px;background:rgba(255,255,255,.86);box-shadow:0 8px 26px rgba(15,23,42,.1)}.nest-panel h2{margin:0;font-size:.95rem}.nest-list{display:flex;flex-direction:column;gap:6px;max-height:100px;overflow:auto}.nest-item{display:flex;align-items:center;gap:8px;font-size:.9rem}.nest-item input{width:auto;margin:0}.messages{display:flex;flex-direction:column;padding:4px}.msg{max-width:90%}.msg strong{display:block;font-size:.75rem;margin-bottom:4px}.msg-content{margin:0;white-space:pre-wrap}.msg-content.typing{cursor:pointer}.msg.typing .msg-content:after{content:"▌";margin-left:2px;animation:neo-type-caret .8s step-end infinite}.msg.user{background:#dbeafe}.msg.assistant{background:#dcfce7}@keyframes neo-type-caret{50%{opacity:0}}.chat-form{display:flex;gap:8px}.chat-form input{flex:1 1}.chat-form button{min-width:70px}.hint{margin:12px;text-align:center;color:#64748b}.error-text{margin:0;color:#b91c1c;font-size:.85rem}.error-toast{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:10px}.error-toast,.info-toast{margin:0;padding:8px 10px;font-size:.82rem}.info-toast{color:#0f172a;background:#e0f2fe;border:1px solid #bae6fd;border-radius:10px}@media (min-width:768px){.app-screen{max-width:760px;margin:0 auto}.chat-drawer{max-height:30dvh}}.neoShell{height:100dvh;min-height:100dvh;background:#fff;display:flex;flex-direction:column;gap:10px;overflow:hidden}.neoMain{flex:1 1;flex-direction:column}.neoMain,.neoScroll{min-height:0;display:flex;overflow:hidden}.neoScroll{flex:1 1 auto;flex-direction:column}.chatDock{flex:0 0 auto;margin-top:auto;overflow:hidden}.inputDock{flex:0 0 auto;background:#fff;padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.topbar{justify-content:flex-end;padding:24px 18px 0}.topActions,.topbar{display:flex;gap:12px}.topActions{align-items:center}.topIconWrap{position:relative;display:inline-flex}.stage{flex:1 1;display:flex;align-items:center;justify-content:center;padding:8px 16px}.chatArea{flex:0 0 auto;min-height:90px;padding:0 16px 10px;display:flex;flex-direction:column;gap:8px}.chatPanel{flex:0 0 auto;width:min(92vw,560px);margin:0 auto;display:flex;min-height:clamp(90px,14vh,140px);max-height:clamp(150px,22vh,260px);height:clamp(90px,14vh,140px);overflow:hidden}.chatPanel.expanded{height:clamp(150px,22vh,260px)}.paperCard{border:var(--stroke) solid #222;border-radius:var(--paperRadius);box-shadow:var(--shadow);background:#fff}.chatBubble{width:100%;margin:0;flex:1 1;min-height:0;padding:14px;border-radius:var(--bubbleRadius);display:flex;flex-direction:column}.inputRow{width:min(92vw,560px);margin:0 auto;display:flex;gap:10px;align-items:center;padding-bottom:0}.textInput{flex:1 1;height:44px;border:var(--stroke) solid #222;border-radius:18px;padding:0 14px;font-size:16px;outline:none;background:#fff}.textInput:focus{box-shadow:0 0 0 2px rgba(0,0,0,.08)}.uiImgBtn{border-radius:14px;display:inline-grid;place-items:center;min-width:44px;min-height:44px;line-height:0;cursor:pointer;transition:transform .1s ease,opacity .12s ease}.uiImgBtn:active{transform:scale(.98)}.uiImgBtn:disabled{opacity:.45;pointer-events:none}.uiImg{width:100%;height:100%;object-fit:contain;display:block}.modalBackdrop{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;padding:16px}.modalCard{width:min(88vw,520px);max-height:min(76vh,680px);border-radius:var(--paperRadius);overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.aboutModal{width:min(88vw,360px);max-height:min(72vh,520px);padding:16px 18px 20px;text-align:center;align-items:center;position:relative;gap:12px}.aboutClose{min-width:44px;min-height:44px;padding:0 12px;align-self:flex-end;line-height:1}.aboutLogo{width:122px;height:90px;object-fit:contain;display:block}.aboutCopy{margin:0;text-align:center;white-space:pre-line;line-height:1.5}.logoutConfirmModal{width:min(88vw,320px);max-height:none;padding:16px;gap:14px}.logoutConfirmTitle{margin:0;text-align:center;font-size:1rem;font-weight:700}.logoutConfirmActions{display:flex;gap:10px;justify-content:center}.logoutConfirmActions button{min-width:120px;min-height:44px}button{border:var(--stroke) solid #222;border-radius:14px;padding:9px 12px;background:#fff;color:#111;font-weight:700}button:disabled{opacity:.55}.uiImgBtn{border:none;background:transparent;padding:0}.inbox-badge{top:-6px;right:-6px;min-width:20px;height:20px;line-height:20px;border:2px solid #fff}.room-controls{margin:0 auto;width:min(92vw,560px);padding:12px 14px;display:flex;flex-direction:column;gap:6px;background:#fff}.room-status{color:#111;font-size:.8rem}.presence-row p{font-size:.82rem}.letters-drawer{margin:0;width:min(88vw,520px);max-height:min(76vh,680px);padding:14px;border-radius:var(--paperRadius);background:#fff;box-shadow:none;gap:10px}.letters-title{font-size:1rem}.letters-subtitle{color:#475569}.letters-list{max-height:46vh;overflow:auto}.letters-cta{margin-top:6px;padding:12px 10px;border:2px solid #222;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff;text-align:center}.letters-cta-label{margin:0;color:#334155;font-size:.9rem;font-weight:700}.letters-reader-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:8px;gap:8px}.letters-reader-title{margin:0;text-align:center}.letters-reader-back{width:clamp(36px,10vw,44px);height:clamp(36px,10vw,44px);min-width:44px;min-height:44px;border:2px solid #222;border-radius:12px;background:#fff;color:#111;font-size:1.1rem;line-height:1;display:inline-grid;place-items:center;padding:0}.letters-reader-spacer{width:44px;height:44px}.letters-reader-meta{margin:0;text-align:center;font-size:.82rem;color:#475569}.letter-reader-body{border:2px solid #222;border-radius:14px;background:#fff;padding:12px;min-height:180px;max-height:min(48vh,380px);overflow:auto}.letter-reader-body p{margin:0;white-space:pre-wrap;line-height:1.45}.letter-reader-body.typing{cursor:pointer}.letter-reader-body.typing p:after{content:"▌";margin-left:2px;animation:neo-type-caret .8s step-end infinite}.letter-row{border:2px solid #222;border-radius:14px;background:#fff}.letter-row.open{background:#f8f8f8}.letter-body-card{border:2px solid #222;background:#fff;border-radius:12px}.letters-compose textarea{border:var(--stroke) solid #222;border-radius:14px;background:#fff;min-height:140px}.letters-compose-actions{justify-content:space-between}.debug-panel,.secondary-btn{background:#fff;color:#111}.debug-panel{margin:0;font-size:.82rem;box-shadow:none;max-height:min(76vh,680px);overflow:auto}.debug-panel p{margin:4px 0}.debug-btn{background:#fff;border:var(--stroke) solid #222;color:#111}.debug-note{margin:0;color:#334155}.memoryModal{background:#fff}.memory-budget{margin:0;font-size:.82rem}.memory-top-list{margin-top:2px;max-height:240px;overflow:auto}.memory-top-item{background:#f8f8f8;border:2px solid #222;color:#111;border-radius:12px}.neo-stage{min-height:38dvh;padding-bottom:0}.neo-gif{width:min(100vw,600px);object-fit:contain;background:transparent;box-shadow:none}.neo-state{display:none}.nest-panel{margin:0 auto;width:min(92vw,560px);padding:12px 14px;background:#fff}.nest-panel h2{font-size:.9rem}.nest-item{font-size:.84rem}.messages{overflow:auto;max-height:none;min-height:0;flex:1 1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;gap:8px}.msg{border-radius:14px;padding:9px 10px;max-width:94%;background:#fff}.chatBubble--neo{border:var(--stroke) solid #222}.chatBubble--me{border:1px solid rgba(0,0,0,.18);box-shadow:0 2px 8px rgba(15,23,42,.08)}.msg strong{font-size:.78rem}.msg.user{align-self:flex-end;background:#f9f9f9}.msg.assistant{align-self:flex-start;background:#fff}.hint{margin:0}.emptyChatHint{white-space:pre-line;line-height:1.4}.error-toast,.info-toast{border:2px solid #222;border-radius:14px;background:#fff;color:#111}.chatStatus{width:min(92vw,560px);margin:0 auto}