@import"https://fonts.googleapis.com/css2?family=Cascadia+Mono:ital,wght@0,200..700;1,200..700&display=swap";:root{--background: #F4F1F0;--text: #332A26;--border: #ccc;--surface: #fff;--error: #a40000;--success-bg: #eef6ee;--success-border: #b8d4b8;--accent: #332A26;--accent-contrast: #F4F1F0}*{font-family:Cascadia Mono,monospace;color:var(--text)}body{background:var(--background)}.app-shell{display:contents}.navbar{display:flex;padding:10px;align-items:center}.navbar-brand{margin:0 auto;font-family:monospace}.navbar-profile{display:flex;align-items:center}#menu{background:#fff9;width:320px;display:flex;border-radius:100px;justify-items:center;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}#menu ul{padding:10px;margin:0;display:flex;justify-content:space-between}#menu li{list-style:none;padding:20px}.shelf-list{list-style:none;padding:0}.shelf-list__item{border:1px solid var(--border);padding:10px;margin:10px 0}.shelf-list__link{text-decoration:none;color:inherit;display:block}.auth-main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{width:100%;max-width:24rem;padding:1.75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.auth-card__title{margin:0 0 1rem;font-size:1.25rem}.auth-card__intro{margin:0 0 1.25rem;opacity:.85}.auth-notice{margin:0 0 1rem;padding:.65rem .75rem;background:var(--success-bg);border:1px solid var(--success-border);border-radius:4px;font-size:.875rem}.stack-form{display:flex;flex-direction:column;gap:.75rem}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem}.field-hint{opacity:.7}.input{padding:.5rem .6rem;border:1px solid var(--border);border-radius:4px;font:inherit}.alert{margin:0;font-size:.875rem}.alert--error{color:var(--error)}.btn-primary{margin-top:.25rem;padding:.55rem .75rem;font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);border-radius:4px}.btn-primary:disabled{cursor:not-allowed;opacity:.7}.btn-google{margin-top:.5rem;padding:.55rem .75rem;font:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;border:1px solid #dadce0;background:#fff;color:#3c4043;border-radius:4px;transition:background-color .15s ease,box-shadow .15s ease,border-color .15s ease}.btn-google:hover:not(:disabled){background:var(--background);box-shadow:0 1px 2px #3c404326}.btn-google:active:not(:disabled){background:#f1f3f4}.btn-google:disabled{cursor:not-allowed;opacity:.7}.btn-google__icon{width:18px;height:18px;flex-shrink:0}.auth-switch{margin:1rem 0 0;font-size:.875rem}.link-button{font:inherit;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;color:inherit}.profile-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.profile-actions.settings__actions--top{margin-top:0;margin-bottom:1rem}.profile-actions button{font:inherit;cursor:pointer;padding:.45rem .75rem;border:1px solid var(--border);border-radius:4px;background:var(--surface)}.profile-actions button:disabled{cursor:not-allowed;opacity:.7}.settings{max-width:28rem;margin:0 auto;padding:.75rem 1rem 7rem;box-sizing:border-box}.settings__section{margin:0}.settings__heading{margin:0 0 .65rem;font-size:.85rem;font-weight:600;text-transform:lowercase;letter-spacing:.02em}.settings__rule{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.settings__card{background:var(--surface);border-radius:12px;border:1px solid var(--border);overflow:hidden}.settings__card--fields{padding:.35rem 0}.settings__field{display:flex;flex-direction:column;gap:.2rem;padding:.65rem .85rem;border-bottom:1px solid var(--border)}.settings__field:last-child{border-bottom:none}.settings__label{font-size:.7rem;opacity:.75;text-transform:lowercase}.settings__value{font-size:.9rem;word-break:break-word}.settings__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .85rem;border-bottom:1px solid var(--border);cursor:pointer;margin:0}.settings__toggle-row:last-child{border-bottom:none}.settings__toggle-label{font-size:.85rem;text-transform:lowercase}.settings__switch{position:relative;width:44px;height:26px;flex-shrink:0;border-radius:999px;border:1px solid var(--border);background:var(--background);padding:0;cursor:pointer}.settings__switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text);transition:transform .15s ease,opacity .15s ease}.settings__switch-thumb[data-on=true]{transform:translate(18px)}.settings__empty{margin:0;font-size:.85rem;opacity:.8;text-transform:lowercase}.settings__device-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.settings__device-card{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.settings__device-inner{padding:.75rem .85rem;display:flex;flex-direction:column;gap:.65rem}.settings__device-rename{display:flex;flex-direction:column;gap:.25rem;margin:0}.settings__device-name-field{display:flex;flex-direction:column;gap:.25rem}.settings__device-name-label{font-size:.7rem;opacity:.75;text-transform:lowercase}.settings__device-name-row{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0}.settings__device-name-display{flex:1;min-width:0;font-size:.9rem;font-weight:600;word-break:break-word}.settings__device-name-input{font:inherit;font-size:.9rem;flex:1;min-width:0;padding:.45rem .55rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);box-sizing:border-box}.settings__device-save,.settings__device-edit{font:inherit;font-size:.8rem;padding:.45rem .75rem;cursor:pointer;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--text);flex-shrink:0;text-transform:lowercase}.settings__device-save:hover,.settings__device-edit:hover{background:#0000000a}.settings__inline-error{margin:0;font-size:.75rem;color:var(--error)}.settings__inline-success{margin:0;font-size:.75rem;opacity:.85;text-transform:lowercase}.settings__device-meta-stack{display:flex;flex-direction:column;gap:.5rem;padding-top:.35rem;border-top:1px solid var(--border)}.settings__device-meta-block{display:flex;flex-direction:column;gap:.15rem}.settings__device-meta-key{font-size:.65rem;opacity:.7;text-transform:lowercase}.settings__device-meta-value{font-size:.72rem;line-height:1.35;word-break:break-all}.settings__top-error{margin:0 0 1rem}.menu__bell.svelte-15gydnd a:where(.svelte-15gydnd){position:relative;display:inline-flex}.menu__badge.svelte-15gydnd{position:absolute;top:-4px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--error);color:var(--accent-contrast);font-family:Cascadia Mono,monospace;font-size:10px;font-weight:600;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--background);pointer-events:none}.toast-stack.svelte-4zyml5{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000;max-width:calc(100vw - 2rem);width:320px;pointer-events:none}.toast.svelte-4zyml5{pointer-events:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px;overflow:hidden;font-family:Cascadia Mono,monospace}.toast.svelte-4zyml5:hover .toast__bar:where(.svelte-4zyml5),.toast.svelte-4zyml5:focus-within .toast__bar:where(.svelte-4zyml5){animation-play-state:paused}.toast__row.svelte-4zyml5{display:flex;align-items:stretch}.toast__bar.svelte-4zyml5{height:2px;background:var(--accent);transform-origin:left center;animation-name:svelte-4zyml5-toast-countdown;animation-timing-function:linear;animation-fill-mode:forwards;opacity:.55}@keyframes svelte-4zyml5-toast-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.toast__bar.svelte-4zyml5{animation-duration:8s!important}}.toast__main.svelte-4zyml5{flex:1;background:transparent;border:none;color:inherit;text-align:left;padding:.65rem .5rem .7rem .85rem;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;font:inherit}.toast__main.svelte-4zyml5:hover{background:var(--background)}.toast__title.svelte-4zyml5{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;opacity:.65}.toast__body.svelte-4zyml5{font-size:.9rem;line-height:1.35}.toast__close.svelte-4zyml5{background:transparent;border:none;border-left:1px solid var(--border);color:var(--text);font-family:Cascadia Mono,monospace;font-size:1.1rem;line-height:1;padding:0 .75rem;cursor:pointer;opacity:.55;transition:opacity .15s,background .15s}.toast__close.svelte-4zyml5:hover{opacity:1;background:var(--background)}