.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a66}.modal-card{width:min(420px,100%);max-height:85vh;overflow-y:auto;padding:1.25rem;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal-header h2{margin:0;font-size:1.05rem}.modal-close{padding:.2rem .45rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:.95rem;cursor:pointer;position:relative}.modal-close:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.modal-close:hover{background:var(--color-surface-hover)}.ar-form{display:flex;flex-direction:column;gap:.9rem}.ar-hint{margin:.5rem 0;color:var(--color-text-muted);font-size:.9rem}.ar-toggle{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600}.ar-field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--color-text-muted)}.ar-field input,.ar-field textarea{padding:.5rem .6rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:.9rem;background:var(--color-surface);color:var(--color-text)}.ar-field input:focus,.ar-field textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-focus)}.ar-field input,.ar-field textarea{font-family:inherit;resize:vertical}.ar-hours{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:.6rem;border:1px solid var(--color-border);border-radius:var(--radius-md)}.ar-hours legend{padding:0 .3rem;color:var(--color-text-muted);font-size:.8rem}.ar-day{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.ar-day__check{display:flex;align-items:center;gap:.35rem;width:3.2rem}.ar-day input[type=time]{padding:.25rem .4rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.ar-day input[type=time]:disabled{background:var(--color-surface-sunken);color:var(--color-text-muted)}.ar-error{margin:0;color:var(--color-danger);font-size:.85rem}.ar-form button[type=submit]{padding:.55rem;border:none;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:.95rem;font-weight:600;cursor:pointer}.ar-form button[type=submit]:hover:not(:disabled){background:var(--color-accent-strong)}.ar-form button[type=submit]:disabled{opacity:.6;cursor:default}.new-channel-form{display:flex;flex-direction:column;gap:.9rem}.new-channel-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--color-text-muted)}.new-channel-form input,.new-channel-form select{padding:.5rem .6rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:.95rem;background:var(--color-surface);color:var(--color-text)}.new-channel-form input:focus,.new-channel-form select:focus{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-focus)}.new-channel-form button[type=submit]{padding:.55rem;border:none;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:.95rem;font-weight:600;cursor:pointer}.new-channel-form button[type=submit]:hover:not(:disabled){background:var(--color-accent-strong)}.new-channel-form button[type=submit]:disabled{opacity:.6;cursor:default}.channel-list{flex:1;overflow-y:auto;padding:.75rem}.channel-list__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.channel-list h2{margin:0;color:var(--color-text-muted);font-size:.8rem;font-weight:600;letter-spacing:.02em}.channel-list ul{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.channel-new-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);font-size:1.1rem;line-height:1;cursor:pointer;position:relative}.channel-new-btn:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.channel-new-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.channel-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.5rem .6rem;border:none;border-radius:var(--radius-md);background:transparent;font-size:.95rem;text-align:left;cursor:pointer}@media(max-width:767.98px){.channel-item{padding:.75rem;border-radius:var(--radius-lg);font-size:1rem}}.channel-item:hover,.channel-item:active{background:var(--color-surface-hover)}.channel-item.is-active{background:var(--color-accent);color:var(--color-on-accent)}.channel-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .4rem;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-on-accent);font-size:.72rem;font-weight:700;line-height:1}.is-active .channel-badge{background:var(--color-on-accent);color:var(--color-accent)}.channel-settings{position:relative;margin-left:auto}.channel-settings__toggle{padding:.3rem .55rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:1rem;cursor:pointer}.channel-settings__toggle:hover{background:var(--color-surface-hover)}.channel-settings__toggle{position:relative}.channel-settings__toggle:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.channel-settings__toggle{line-height:1}@media(max-width:767.98px){.channel-settings__toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text);font-size:1.4rem}.channel-settings__toggle:hover{background:transparent}.channel-settings__toggle:active{background:var(--color-surface-hover)}}.channel-settings__menu{position:absolute;top:calc(100% + .35rem);right:0;z-index:20;min-width:10rem;padding:.3rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md)}.channel-settings__item{display:block;width:100%;padding:.5rem .6rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:.85rem;text-align:left;white-space:nowrap;cursor:pointer}.channel-settings__item:hover{background:var(--color-surface-hover)}.channel-settings__item--danger{color:var(--color-danger)}.composer{padding:.75rem 1rem 1rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.composer__error{margin:0 0 .5rem;color:var(--color-danger);font-size:.85rem}.composer__uploading{margin:0 0 .5rem;color:var(--color-text-muted);font-size:.85rem}.composer__attach{padding:.55rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:.8rem;cursor:pointer}.composer__attach:hover{background:var(--color-surface-hover)}.composer__attach{position:relative}.composer__attach:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.composer__attach{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.composer__attach:hover:not(:disabled){color:var(--color-text)}.composer__attach:disabled{opacity:.6;cursor:default}.composer__attach svg{display:block}.composer__reply{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;padding:.4rem .6rem;border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface-sunken)}.composer__reply-text{display:flex;flex:1;flex-direction:column;min-width:0}.composer__reply-label{color:var(--color-accent);font-size:.75rem;font-weight:600}.composer__reply-snippet{color:var(--color-text-muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer__reply-cancel{position:relative}.composer__reply-cancel:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.composer__reply-cancel{flex-shrink:0;padding:0 .35rem;border:none;background:none;color:var(--color-text-muted);font-size:1.1rem;line-height:1;cursor:pointer}.composer__reply-cancel:hover{color:var(--color-text)}.composer__form{display:flex;gap:.5rem}.composer__form input{padding:.6rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:.95rem}.composer__form input:focus{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-focus)}.composer__form input{flex:1}@media(max-width:767.98px){.composer__form input{font-size:1rem}}.composer__form input:disabled{background:var(--color-surface-sunken)}.composer__form button[type=submit]{padding:.6rem 1.1rem;border:none;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:.95rem;font-weight:600;cursor:pointer}.composer__form button[type=submit]:hover:not(:disabled){background:var(--color-accent-strong)}.composer__form button[type=submit]:disabled{opacity:.6;cursor:default}.composer__form button[type=submit]{position:relative}.composer__form button[type=submit]:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.invite-search{padding:.5rem .6rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:.9rem;background:var(--color-surface);color:var(--color-text)}.invite-search:focus{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-focus)}.invite-search{width:100%;margin-bottom:.75rem}.invite-empty{margin:.5rem 0;color:var(--color-text-muted);font-size:.9rem}.invite-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.invite-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .5rem;border-radius:var(--radius-md)}.invite-list li:hover{background:var(--color-surface-hover)}.invite-list button{flex-shrink:0;padding:.3rem .7rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:.8rem;cursor:pointer}.invite-list button:hover:not(:disabled){background:var(--color-accent);color:var(--color-on-accent)}.invite-list button:disabled{color:var(--color-text-muted);cursor:default}.invite-user{display:flex;flex-direction:column;min-width:0}.invite-name{font-size:.9rem}.invite-sub{overflow:hidden;font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis}.leave-confirm{display:flex;flex-direction:column;gap:1.1rem}.leave-confirm__msg{margin:0;font-size:.95rem;line-height:1.5;color:var(--color-text)}.leave-confirm__actions{display:flex;justify-content:flex-end;gap:.5rem}.leave-confirm__cancel{padding:.5rem .9rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:.9rem;cursor:pointer}.leave-confirm__cancel:hover{background:var(--color-surface-hover)}.leave-confirm__confirm{padding:.5rem .9rem;border:none;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:.9rem;font-weight:600;cursor:pointer}.leave-confirm__confirm:hover:not(:disabled){background:var(--color-accent-strong)}.leave-confirm__confirm:disabled{opacity:.6;cursor:default}.leave-confirm__confirm{background:var(--color-danger)}.leave-confirm__confirm:hover:not(:disabled){background:var(--color-danger);filter:brightness(.92)}.message-view{display:flex;flex:1;flex-direction:column;gap:.5rem;min-height:0;padding:1rem;overflow-y:auto;background:var(--color-bg)}.message-view--empty{align-items:center;justify-content:center;color:var(--color-text-muted)}.message-view__empty-hint{margin:auto;color:var(--color-text-muted);font-size:.9rem}.load-older{position:relative}.load-older:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.load-older{align-self:center;padding:.35rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);font-size:.8rem;cursor:pointer}.load-older:hover:not(:disabled){background:var(--color-surface-hover)}.load-older:disabled{opacity:.6;cursor:default}.new-message-pill{position:relative}.new-message-pill:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.new-message-pill{position:sticky;top:.5rem;z-index:2;align-self:center;padding:.35rem .9rem;border:none;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-md);font-size:.8rem;cursor:pointer}.new-message-pill:hover{background:var(--color-accent-strong)}.message-day-divider{display:flex;align-items:center;gap:.75rem;margin:.5rem 0;color:var(--color-text-muted);font-size:.75rem}.message-day-divider:before,.message-day-divider:after{content:"";flex:1;border-top:1px solid var(--color-border)}.message-row{display:flex;align-items:center;gap:.4rem}.message-row.is-mine{justify-content:flex-end}.message-edit-btn,.message-reply-btn,.message-more-btn{position:relative}.message-edit-btn:before,.message-reply-btn:before,.message-more-btn:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.message-edit-btn,.message-reply-btn,.message-more-btn{flex-shrink:0;padding:.15rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);font-size:.72rem;cursor:pointer}@media(hover:hover)and (pointer:fine){.message-edit-btn,.message-reply-btn,.message-more-btn{opacity:0;transition:opacity .1s ease}.message-row:hover .message-edit-btn,.message-edit-btn:focus-visible,.message-row:hover .message-reply-btn,.message-reply-btn:focus-visible,.message-row:hover .message-more-btn,.message-more-btn:focus-visible{opacity:1}}.message-edit-btn:hover,.message-reply-btn:hover,.message-more-btn:hover{background:var(--color-surface-hover)}@media(hover:none){.message-more-btn{display:none}.message-bubble{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.message-row__actions{display:flex;flex-shrink:0;flex-direction:column;gap:.25rem}.message-row__actions.is-open .message-reply-btn,.message-row__actions.is-open .message-edit-btn{opacity:1}.message-bubble{max-width:70%}@media(max-width:767.98px){.message-bubble{max-width:85%}}.message-bubble{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-sm)}.is-mine .message-bubble{border-color:var(--color-bubble-mine-border);border-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-sm);background:var(--color-bubble-mine);color:var(--color-bubble-mine-text)}.message-sender{display:block;margin-bottom:.15rem;color:var(--color-text);font-size:.75rem;font-weight:600}.message-content{margin:0;font-size:.95rem;white-space:pre-wrap;word-break:break-word}.message-time{display:block;margin-top:.2rem;font-size:.7rem;opacity:.65;text-align:right}.message-edited{font-style:italic}.message-quote{display:block;width:100%;margin-bottom:.35rem;padding:.25rem .5rem;border:none;border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface-hover);text-align:left;cursor:pointer;overflow:hidden}.message-quote__sender{display:block;color:var(--color-text);font-size:.72rem;font-weight:600}.message-quote__content{display:block;color:var(--color-text-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-mine .message-quote{background:var(--color-surface)}.message-row.is-quote-target .message-bubble{animation:quote-flash 1.2s ease}@keyframes quote-flash{0%,to{box-shadow:var(--shadow-sm)}25%{box-shadow:var(--shadow-focus)}}.message-edit{display:flex;flex-direction:column;gap:.35rem}.message-edit__input{min-width:12rem;padding:.3rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:.95rem}.message-edit__actions{display:flex;justify-content:flex-end;gap:.35rem}.message-edit__actions button{position:relative}.message-edit__actions button:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.message-edit__actions button{padding:.2rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);font-size:.75rem;cursor:pointer}.message-edit__actions button:hover{background:var(--color-surface-hover)}.message-system{align-self:center;color:var(--color-text-muted);font-size:.8rem}.message-file{display:flex;align-items:center;gap:.6rem;width:100%;padding:.1rem 0;border:none;background:none;color:inherit;text-align:left;cursor:pointer}.message-file:disabled{cursor:default}.message-file .file-icon{flex-shrink:0;opacity:.85}.message-file__meta{display:flex;flex-direction:column;min-width:0}.message-file__name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-file__note{font-size:.75rem;opacity:.7}.message-file--expired{cursor:default;opacity:.55}.message-file--expired .message-file__note{font-style:italic}.typing-indicator{margin:0;padding:0 1rem .25rem;color:var(--color-text-muted);font-size:.8rem}.notif-toggle:disabled{opacity:.5;cursor:default}.chat-shell{display:grid;grid-template-columns:260px 1fr;grid-template-rows:minmax(0,1fr);height:100vh;height:100dvh;background:var(--color-surface)}@media(min-width:768px){.chat-shell--sidebar-closed{grid-template-columns:1fr}.chat-shell--sidebar-closed .chat-sidebar{display:none}}@media(max-width:767.98px){.chat-shell{grid-template-columns:1fr}.chat-shell:not(.chat-shell--channel-active) .chat-main{display:none}.chat-shell.chat-shell--channel-active .chat-sidebar{display:none}}.chat-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--color-border);background:var(--color-surface-sunken)}@media(min-width:768px){.chat-sidebar__conn{display:none}}.chat-me{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-border)}.chat-me__actions{display:flex;gap:.4rem}.chat-me button{padding:.35rem .7rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:.8rem;cursor:pointer}.chat-me button:hover{background:var(--color-surface-hover)}.chat-me button{position:relative}.chat-me button:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.chat-main{display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;gap:.5rem;align-items:center;padding:.65rem 1rem;border-bottom:1px solid var(--color-border);font-weight:600}@media(max-width:767.98px){.chat-header{gap:.15rem;padding:.4rem .6rem}}.chat-header--announce{border-bottom:2px solid var(--point)}.chat-header__type{flex-shrink:0;color:var(--color-text-muted);font-weight:700}.chat-header__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(max-width:767.98px){.chat-header__title{font-size:1.05rem;letter-spacing:-.01em}}.sidebar-toggle{padding:.3rem .55rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:1rem;cursor:pointer}.sidebar-toggle:hover{background:var(--color-surface-hover)}.sidebar-toggle{position:relative}.sidebar-toggle:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.sidebar-toggle{line-height:1}@media(max-width:767.98px){.sidebar-toggle{display:none}}.back-to-list{position:relative}.back-to-list:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.back-to-list{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text);font-size:1.75rem;line-height:1;cursor:pointer}.back-to-list:active{background:var(--color-surface-hover)}@media(min-width:768px){.back-to-list{display:none}}.chat-body{display:flex;flex:1;flex-direction:column;min-height:0}.conn-banner{padding:.4rem 1rem;font-size:.85rem;background:var(--color-accent-soft);color:var(--color-accent)}.conn-banner--warn{background:var(--color-warning-soft);color:var(--color-warning)}.login-card{padding:2.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.login-card h1{margin:0 0 .5rem;font-size:1.35rem}.login-hint{margin:0 0 1rem;color:var(--color-text-muted);font-size:.9rem}.demo-accounts{display:flex;gap:.5rem;margin:1rem 0}.demo-btn{padding:.5rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:.9rem;cursor:pointer}.demo-btn:hover{background:var(--color-surface-hover)}.demo-btn{flex:1}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600}.login-form input{padding:.6rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:1rem}.login-form input:focus{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-focus)}.login-form button[type=submit]{padding:.65rem;border:none;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:1rem;font-weight:600;cursor:pointer}.login-form button[type=submit]:hover:not(:disabled){background:var(--color-accent-strong)}.login-form button[type=submit]:disabled{opacity:.6;cursor:default}.login-error{margin:0;color:var(--color-danger);font-size:.9rem}.login-notice{margin:0;color:var(--color-warning);font-size:.9rem}:root{color-scheme:light;--primary: #4f46e5;--primary-hover: #4338ca;--primary-soft: #eef2ff;--primary-border: #c7d2fe;--primary-bubble: #e0e7ff;--point: #00b3b3;--point-bg: #e1f3f4;--point-border: #99e1e1;--neutral-0: #ffffff;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--success: #00a96c;--success-bg: #dbf3ea;--success-border: #b3e6d3;--danger: #ff3149;--danger-bg: #ffebed;--danger-border: #ffc2c9;--color-bg: var(--neutral-50);--color-surface: var(--neutral-0);--color-surface-sunken: var(--neutral-100);--color-surface-hover: var(--neutral-200);--color-border: var(--neutral-200);--color-border-strong: var(--neutral-300);--color-text: var(--neutral-900);--color-text-muted: var(--neutral-500);--color-accent: var(--primary);--color-accent-strong: var(--primary-hover);--color-accent-soft: var(--primary-soft);--color-on-accent: var(--neutral-0);--color-bubble-mine: var(--primary-bubble);--color-bubble-mine-border: var(--primary-border);--color-bubble-mine-text: var(--color-text);--color-danger: var(--danger);--color-warning: #b54708;--color-warning-soft: #fdf1e3;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--shadow-focus: 0 0 0 3px rgba(79, 70, 229, .18)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text)}button,input{font:inherit}button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.app-shell{display:flex;flex-direction:column;justify-content:center;max-width:420px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:1rem}