:root,:root[data-theme=light]{--surface-bg: #fafafa;--surface-fg: #111;--surface-muted: #666;--surface-border: #e0e0e0;--surface-elevated: #ffffff;--accent: #2b5fff;--accent-fg: #ffffff;--error: #b00020;--danger: #b00020;--danger-fg: #ffffff;--radius-sm: 6px;--radius-md: 10px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color-scheme:light}:root[data-theme=dark]{--surface-bg: #0e1014;--surface-fg: #e6e8eb;--surface-muted: #9aa0a6;--surface-border: #2a2f36;--surface-elevated: #15181d;--accent: #6a8cff;--accent-fg: #0e1014;--error: #ff6b6b;--danger: #ff6b6b;--danger-fg: #14080a;--shadow-1: 0 1px 2px rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .35);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme]){--surface-bg: #0e1014;--surface-fg: #e6e8eb;--surface-muted: #9aa0a6;--surface-border: #2a2f36;--surface-elevated: #15181d;--accent: #6a8cff;--accent-fg: #0e1014;--error: #ff6b6b;--danger: #ff6b6b;--danger-fg: #14080a;--shadow-1: 0 1px 2px rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .35);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--surface-bg);color:var(--surface-fg)}a{color:var(--accent);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}button{font:inherit;cursor:pointer;padding:.55rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--surface-elevated);color:var(--surface-fg)}button.primary{background:var(--accent);color:var(--accent-fg);border-color:transparent}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font:inherit;padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--surface-elevated);color:var(--surface-fg);width:100%}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{display:grid;grid-template-columns:240px 1fr;height:100%}.app-shell>nav{background:var(--surface-elevated);border-right:1px solid var(--surface-border);padding:1rem;display:flex;flex-direction:column;gap:.25rem}.app-shell>main{overflow:auto;padding:1.5rem}.app-shell nav a{display:block;padding:.5rem .75rem;border-radius:var(--radius-sm);color:var(--surface-fg)}.app-shell nav a.active{background:var(--accent);color:var(--accent-fg)}.app-shell nav a:hover:not(.active){background:color-mix(in srgb,var(--surface-bg) 92%,var(--surface-fg));text-decoration:none}.app-shell .nav-spacer{flex:1}.app-shell .nav-footer{border-top:1px solid var(--surface-border);padding-top:.75rem;margin-top:.75rem;font-size:.85rem;color:var(--surface-muted)}@media(max-width:720px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.app-shell>nav{flex-direction:row;border-right:none;border-bottom:1px solid var(--surface-border);padding:.5rem;overflow-x:auto}.app-shell>nav a{flex:0 0 auto}.app-shell .nav-spacer,.app-shell .nav-footer{display:none}}.auth-shell{min-height:100%;display:grid;place-items:center;padding:2rem 1rem}.auth-card{max-width:420px;width:100%;padding:1.5rem;background:var(--surface-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.auth-card h1{margin-top:0}.auth-card form{display:flex;flex-direction:column;gap:.75rem}.auth-card .form-error{color:var(--error);font-size:.9rem;white-space:pre-wrap}.auth-card .form-footer{margin-top:.5rem;font-size:.9rem;color:var(--surface-muted)}.lakko-msg-actions{opacity:0;transition:opacity .12s ease-in-out;pointer-events:none}li:hover>.lakko-msg-actions,li:focus-within>.lakko-msg-actions{opacity:1;pointer-events:auto}@media(hover:none){.lakko-msg-actions{opacity:1;pointer-events:auto}}@keyframes lakko-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes lakko-spin{to{transform:rotate(360deg)}}@keyframes lakko-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.lakko-rec-dot,.lakko-spinner,.lakko-shake{animation:none!important}}.lakko-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 .6rem;min-width:2.4rem;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--surface-fg);line-height:1;font-size:1.05rem}.lakko-record-btn{touch-action:none;user-select:none;-webkit-user-select:none}.lakko-record-btn[data-active=true]{background:var(--danger);color:var(--danger-fg);border-color:transparent}.lakko-mode-switch{padding:0 .25rem;min-width:1.4rem;font-size:.75rem;border:none;background:transparent;color:var(--surface-muted)}.lakko-rec-bar{flex:1;display:flex;align-items:center;gap:.6rem;min-height:2.4rem;padding:0 .5rem;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-elevated);font-variant-numeric:tabular-nums;min-width:0}.lakko-rec-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--danger);animation:lakko-pulse 1.1s ease-in-out infinite;flex:0 0 auto}.lakko-level{flex:0 0 5rem;height:.35rem;border-radius:999px;background:var(--surface-border);overflow:hidden}.lakko-level>span{display:block;height:100%;background:var(--accent);transition:width .1s linear}.lakko-rec-bar button{padding:.25rem .7rem;font-size:.85rem}.lakko-shake{animation:lakko-shake .25s ease-in-out 2}.lakko-media-card{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-elevated);font-size:.85rem}.lakko-spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:lakko-spin .8s linear infinite;display:inline-block}.lakko-vn-overlay{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:color-mix(in srgb,var(--surface-bg) 70%,transparent);pointer-events:none}.lakko-vn-overlay>*{pointer-events:auto}.lakko-vn-overlay[data-holding=true]>.lakko-vn-circle{pointer-events:none}.lakko-vn-circle{position:relative;width:min(70vw,320px);height:min(70vw,320px);border-radius:50%;overflow:hidden;background:#000}.lakko-vn-circle video,.lakko-vn-circle img{width:100%;height:100%;object-fit:cover;display:block}.lakko-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:rotate(-90deg)}.lakko-vn-controls{display:flex;gap:.5rem;padding:.4rem;border-radius:999px;background:var(--surface-elevated);border:1px solid var(--surface-border);box-shadow:var(--shadow-1);align-items:center;font-variant-numeric:tabular-nums}.lakko-voice{display:flex;align-items:center;gap:.5rem;min-width:min(16rem,60vw)}.lakko-voice-play{position:relative;flex:0 0 auto;width:2.2rem;height:2.2rem;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:none;background:currentColor}.lakko-voice-play>span.glyph{font-size:.85rem;line-height:1}.lakko-wave{flex:1 1 auto;height:1.8rem;min-height:1.8rem;display:flex;align-items:center;gap:1px;cursor:pointer;touch-action:none;min-width:4rem}.lakko-wave>i{flex:1;border-radius:1px;background:currentColor;opacity:.35;min-height:2px}.lakko-wave>i[data-on=true]{opacity:1}.lakko-voice-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;font-size:.72rem;font-variant-numeric:tabular-nums}.lakko-voice-meta button{padding:0 .3rem;font-size:.7rem;border-radius:999px;background:transparent;color:inherit;border:1px solid currentColor}.lakko-unplayed{width:.45rem;height:.45rem;border-radius:50%;background:var(--accent)}.lakko-vn-bubble{position:relative;width:240px;height:240px;max-width:60vw;max-height:60vw;border-radius:50%;overflow:hidden;padding:0;border:none;background:var(--surface-border);cursor:pointer}.lakko-vn-bubble video,.lakko-vn-bubble img{width:100%;height:100%;object-fit:cover;display:block}.lakko-vn-glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);pointer-events:none}.lakko-vn-corner{position:absolute;bottom:.9rem;left:50%;transform:translate(-50%);padding:.05rem .45rem;border-radius:999px;font-size:.72rem;color:#fff;background:#0000008c;font-variant-numeric:tabular-nums;pointer-events:none}.lakko-gif{position:relative;display:block;padding:0;border:none;background:var(--surface-border);border-radius:var(--radius-sm);overflow:hidden;cursor:zoom-in;max-width:100%}.lakko-gif img,.lakko-gif video{display:block;width:100%;height:100%;object-fit:cover}.lakko-gif-label{position:absolute;left:.35rem;bottom:.35rem;padding:0 .3rem;border-radius:3px;font-size:.65rem;font-weight:700;color:#fff;background:#0000008c;pointer-events:none}.lakko-lightbox{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000d9;cursor:zoom-out}.lakko-lightbox img,.lakko-lightbox video{max-width:92vw;max-height:92vh}.lakko-picker{position:absolute;bottom:calc(100% + .4rem);left:0;z-index:30;width:min(360px,calc(100vw - 2rem));height:380px;display:flex;flex-direction:column;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-elevated);box-shadow:0 6px 24px #00000038;overflow:hidden}.lakko-picker[data-mode=reaction]{bottom:auto;top:1.2rem}.lakko-picker-tabs{display:flex;border-bottom:1px solid var(--surface-border)}.lakko-picker-tabs button{flex:1;border:none;border-radius:0;background:transparent;padding:.45rem;font-size:.85rem}.lakko-picker-tabs button[aria-selected=true]{box-shadow:inset 0 -2px 0 var(--accent);font-weight:600}.lakko-picker-search{padding:.45rem}.lakko-picker-search input{padding:.35rem .6rem;font-size:.85rem}.lakko-picker-body{flex:1;overflow-y:auto;padding:0 .45rem .45rem}.lakko-picker-heading{position:sticky;top:0;background:var(--surface-elevated);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--surface-muted);padding:.3rem .1rem;margin:0}.lakko-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr)}.lakko-emoji-grid button{border:none;background:transparent;padding:.2rem 0;font-size:1.35rem;line-height:1.4;border-radius:var(--radius-sm)}.lakko-emoji-grid button:hover,.lakko-emoji-grid button:focus-visible{background:color-mix(in srgb,var(--surface-bg) 80%,var(--surface-fg))}.lakko-picker-strip{display:flex;border-top:1px solid var(--surface-border);overflow-x:auto}.lakko-picker-strip button{flex:1;border:none;border-radius:0;background:transparent;padding:.3rem 0;font-size:1rem;line-height:1.2}.lakko-tones{position:absolute;z-index:35;display:flex;gap:.1rem;padding:.2rem;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-elevated);box-shadow:0 2px 8px #00000038}.lakko-tones button{border:none;background:transparent;padding:.15rem .25rem;font-size:1.35rem}.lakko-gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}.lakko-gif-grid button,.lakko-gif-grid .placeholder{padding:0;border:none;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:1 / 1;background:var(--surface-border)}.lakko-gif-grid img{width:100%;height:100%;object-fit:cover;display:block}.lakko-picker-note{margin:0 .45rem .45rem;padding:.4rem .5rem;font-size:.75rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-bg) 85%,var(--accent));display:flex;gap:.5rem;align-items:flex-start}.lakko-picker-note button{padding:.1rem .5rem;font-size:.75rem;flex:0 0 auto}.lakko-picker-footer{font-size:.7rem;color:var(--surface-muted);text-align:center;padding:.25rem;border-top:1px solid var(--surface-border)}.lakko-picker-empty{color:var(--surface-muted);font-size:.85rem;text-align:center;padding:2rem .5rem}.lakko-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}