@layer reset,tokens,base,components,pages,utilities;@layer tokens{:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable", "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--text-caption2: 11px;--text-caption: 12px;--text-footnote: 13px;--text-subhead: 15px;--text-body: 16px;--text-headline: 17px;--text-title3: 20px;--text-title2: 22px;--text-title1: 28px;--text-large-title: 34px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--ease-spring: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.25, .1, .25, 1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .35s;--sidebar-width: 248px;--list-width: 360px;--toolbar-height: 52px;--tabbar-height: 50px;--system-red: #ff3b30;--system-orange: #ff9500;--system-yellow: #ffcc00;--system-green: #34c759;--system-teal: #30b0c7;--system-blue: #007aff;--system-indigo: #5856d6;--system-purple: #af52de;--system-pink: #ff2d55;--system-gray: #8e8e93;color-scheme:light;--bg: #f2f2f7;--surface: #ffffff;--surface-raised: #ffffff;--surface-sunken: #f2f2f7;--material: rgba(246, 246, 248, .72);--material-border: rgba(0, 0, 0, .08);--label: #000000;--label-secondary: rgba(60, 60, 67, .6);--label-tertiary: rgba(60, 60, 67, .3);--separator: rgba(60, 60, 67, .18);--fill: rgba(120, 120, 128, .2);--fill-secondary: rgba(120, 120, 128, .16);--fill-tertiary: rgba(118, 118, 128, .12);--danger: var(--system-red);--warning: var(--system-orange);--success: var(--system-green);--shadow-raised: 0 8px 30px rgba(0, 0, 0, .12), 0 0 0 .5px rgba(0, 0, 0, .06);--shadow-card: 0 1px 2px rgba(0, 0, 0, .04)}:root[data-theme=dark]{color-scheme:dark;--system-red: #ff453a;--system-orange: #ff9f0a;--system-yellow: #ffd60a;--system-green: #30d158;--system-teal: #40c8e0;--system-blue: #0a84ff;--system-indigo: #5e5ce6;--system-purple: #bf5af2;--system-pink: #ff375f;--system-gray: #8e8e93;--bg: #000000;--surface: #1c1c1e;--surface-raised: #2c2c2e;--surface-sunken: #2c2c2e;--material: rgba(30, 30, 32, .72);--material-border: rgba(255, 255, 255, .08);--label: #ffffff;--label-secondary: rgba(235, 235, 245, .6);--label-tertiary: rgba(235, 235, 245, .3);--separator: rgba(84, 84, 88, .6);--fill: rgba(120, 120, 128, .36);--fill-secondary: rgba(120, 120, 128, .32);--fill-tertiary: rgba(118, 118, 128, .24);--shadow-raised: 0 12px 40px rgba(0, 0, 0, .5), 0 0 0 .5px rgba(255, 255, 255, .08);--shadow-card: none}:root{--accent: var(--user-accent, var(--system-blue));--on-accent: var(--user-on-accent, #ffffff);--accent-text: var(--user-accent-text, var(--accent));--accent-soft: color-mix(in oklch, var(--accent) 16%, transparent);--accent-softer: color-mix(in oklch, var(--accent) 9%, transparent);--focus-ring: color-mix(in oklch, var(--accent) 55%, transparent);--card-fill: var(--user-card-fill, var(--surface));--card-opacity: var(--user-card-opacity, 1);--app-backdrop: var(--user-backdrop, var(--bg));--app-backdrop-blur: var(--user-backdrop-blur, 0px);--app-backdrop-opacity: var(--user-backdrop-opacity, 1);--hover: var(--user-hover, var(--fill-tertiary));--icon: var(--user-icon, var(--label-secondary))}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}}@layer base{@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/material-symbols/MaterialSymbolsRounded.woff2) format("woff2")}html{height:100%}body{min-height:100%;font-family:var(--font-sans);font-size:var(--text-body);line-height:1.4;color:var(--label);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:calc(var(--app-backdrop-blur) * -2);z-index:-1;background:var(--app-backdrop);background-size:cover;background-position:center;opacity:var(--app-backdrop-opacity);filter:blur(var(--app-backdrop-blur));pointer-events:none}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--accent-soft)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.icon{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;flex:none}.icon--sm{font-size:16px}.icon--lg{font-size:24px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer components{.btn{--btn-bg: var(--fill-secondary);--btn-fg: var(--accent-text);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);border:0;border-radius:var(--radius-md);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--text-subhead);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;text-decoration:none;transition:filter var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast)}.btn:active{transform:scale(.97);filter:brightness(.94)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;pointer-events:none}.btn--primary{--btn-bg: var(--accent);--btn-fg: var(--on-accent)}.btn--danger{--btn-bg: color-mix(in oklch, var(--danger) 14%, transparent);--btn-fg: var(--danger)}.btn--plain{--btn-bg: transparent;padding-inline:var(--space-2)}.btn--lg{min-height:50px;font-size:var(--text-headline);border-radius:var(--radius-lg)}.btn--block{width:100%}.btn--icon{--btn-bg: transparent;--btn-fg: var(--icon);width:34px;min-height:34px;padding:0;border-radius:var(--radius-sm)}.btn--icon[aria-pressed=true]{--btn-fg: var(--accent-text)}.field{display:grid;gap:var(--space-2)}.field__label{font-size:var(--text-footnote);font-weight:var(--weight-medium);color:var(--label-secondary)}.field__hint{font-size:var(--text-caption);color:var(--label-tertiary)}.input{width:100%;min-height:44px;padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);background:var(--fill-tertiary);color:var(--label);font-size:var(--text-body);transition:border-color var(--dur-fast),box-shadow var(--dur-fast),background-color var(--dur-fast)}textarea.input{min-height:96px;padding-block:var(--space-3);resize:vertical;line-height:1.45}.input::placeholder{color:var(--label-tertiary)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-softer);background:var(--surface)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--label);caret-color:var(--label);box-shadow:0 0 0 1000px var(--surface-sunken) inset;transition:background-color 9999s}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-right:calc(var(--space-2) + 36px * var(--actions, 1))}.input-group__actions{position:absolute;right:var(--space-1);display:flex;gap:2px}.search{position:relative;display:flex;align-items:center}.search .icon{position:absolute;left:10px;color:var(--label-secondary);pointer-events:none}.search__input{width:100%;min-height:36px;padding:0 60px 0 34px;border:0;border-radius:var(--radius-md);background:var(--fill-tertiary);color:var(--label);font-size:var(--text-body)}.search__input::placeholder{color:var(--label-secondary)}.search__input:focus{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.search__input::-webkit-search-cancel-button{display:none}.search__kbd{position:absolute;right:8px;padding:2px 6px;border-radius:var(--radius-xs);background:var(--fill-secondary);color:var(--label-secondary);font-size:var(--text-caption2);font-weight:var(--weight-semibold);letter-spacing:.02em;pointer-events:none}.switch{appearance:none;position:relative;width:51px;height:31px;margin:0;border-radius:var(--radius-pill);background:var(--fill);cursor:pointer;transition:background-color var(--dur-base) var(--ease-out);flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029;transition:transform var(--dur-base) var(--ease-spring)}.switch:checked{background:var(--system-green)}.switch:checked:after{transform:translate(20px)}.segmented{display:inline-flex;padding:2px;border-radius:var(--radius-sm);background:var(--fill-tertiary)}.segmented button{min-height:28px;padding:0 var(--space-3);border:0;border-radius:7px;background:transparent;color:var(--label);font-size:var(--text-footnote);font-weight:var(--weight-medium)}.segmented--wide{display:flex;width:100%}.segmented--wide button{flex:1 1 auto;min-width:0;padding-inline:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segmented button[aria-pressed=true]{background:var(--surface-raised);box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a;font-weight:var(--weight-semibold)}@media(hover:hover){.btn:hover{filter:brightness(1.06);text-decoration:none}.btn--plain:hover{--btn-bg: var(--hover);filter:none}.btn--icon:hover{--btn-bg: var(--hover);--btn-fg: var(--label);filter:none}}}@layer components{.slider{--p: 50%;appearance:none;-webkit-appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer}.slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--p),var(--fill-secondary) var(--p))}.slider::-moz-range-track{height:4px;border-radius:2px;background:var(--fill-secondary)}.slider::-moz-range-progress{height:4px;border-radius:2px;background:var(--accent)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-10px;border-radius:50%;background:#fff;box-shadow:0 .5px 4px #0000001f,0 6px 13px #0000001f,0 0 0 .5px #0000000f}.slider::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:#fff;box-shadow:0 .5px 4px #0000001f,0 6px 13px #0000001f}.slider:focus-visible{outline:none}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--focus-ring)}}@layer components{.btn--sm{min-height:30px;padding:0 var(--space-3);font-size:var(--text-subhead)}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:var(--text-caption);font-weight:var(--weight-bold);line-height:20px;text-align:center}}@layer components{.input--area{min-height:120px;padding-block:var(--space-3);resize:vertical;line-height:1.45;font:inherit}}@layer components{.card{position:relative;z-index:0;border-radius:var(--radius-lg);color:var(--user-card-label, var(--label));--label-secondary-local: var(--user-card-label-secondary, var(--label-secondary));box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(var(--user-card-blur));backdrop-filter:blur(var(--user-card-blur))}.card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--card-fill);opacity:var(--card-opacity);pointer-events:none}.group{display:grid;gap:var(--space-2)}.group__title{padding:0 var(--space-4);font-size:var(--text-footnote);font-weight:var(--weight-regular);color:var(--label-secondary);text-transform:uppercase;letter-spacing:.02em}.group__body{overflow:hidden}.group__footer{padding:0 var(--space-4);font-size:var(--text-footnote);color:var(--label-secondary)}.row{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-4);position:relative}.row+.row:before{content:"";position:absolute;top:0;left:var(--row-inset, var(--space-4));right:0;border-top:.5px solid var(--separator)}.row__label{flex:1;min-width:0}.row__title{display:block;font-size:var(--text-body);overflow-wrap:anywhere}.row__subtitle{display:block;overflow-wrap:anywhere;font-size:var(--text-footnote);color:var(--label-secondary-local, var(--label-secondary))}.row__value{font-size:var(--text-body);color:var(--label);overflow-wrap:anywhere}.row__actions{display:flex;gap:2px;margin-right:calc(var(--space-2) * -1)}.row--button{width:100%;border:0;background:none;text-align:left;color:inherit}.sheet{width:min(560px,calc(100vw - 32px));max-height:min(86vh,900px);padding:0;border:0;border-radius:var(--radius-xl);background:var(--surface-raised);color:var(--label);box-shadow:var(--shadow-raised);overflow:hidden}.sheet[open]{display:flex;flex-direction:column;animation:sheet-in var(--dur-slow) var(--ease-spring)}.sheet:focus{outline:none}.sheet::backdrop{background:#0006;animation:fade-in var(--dur-base) var(--ease-out)}.sheet__header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:56px;padding:0 var(--space-3);border-bottom:.5px solid var(--separator)}.sheet__header>:first-child{justify-self:start}.sheet__header>:last-child{justify-self:end}.sheet__title{font-size:var(--text-headline);font-weight:var(--weight-semibold);text-align:center}.sheet__body{min-height:0;padding:var(--space-5);overflow:auto;display:grid;gap:var(--space-5)}.sheet>form:has(>.sheet__body){display:flex;flex-direction:column;flex:1 1 auto;min-height:0}@media(max-width:700px){.sheet:not(.sheet--alert){width:100vw!important;max-width:none;max-height:calc(100dvh - 24px);margin:auto 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.sheet:not(.sheet--alert)[open]{animation-name:sheet-up}}.menu{min-width:220px;padding:var(--space-1);border:0;border-radius:var(--radius-lg);background:var(--surface-raised);color:var(--label);box-shadow:var(--shadow-raised)}.menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:40px;padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:none;color:inherit;font-size:var(--text-body);text-align:left}.menu__item .icon{margin-left:auto;color:var(--icon)}.menu__item--danger,.menu__item--danger .icon{color:var(--danger)}.menu__separator{height:.5px;margin:var(--space-1) var(--space-2);background:var(--separator);border:0}@keyframes sheet-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@media(hover:hover){.row--button:hover,.menu__item:hover{background:var(--hover)}}}@layer components{.group__heading-row{display:flex;align-items:center;justify-content:space-between;padding-right:var(--space-1)}.group__heading-row .btn{min-height:28px;font-size:var(--text-footnote)}.key-box{padding:var(--space-4);border-radius:var(--radius-md);background:var(--fill-tertiary);font-family:var(--font-mono);font-size:var(--text-subhead);line-height:1.7;letter-spacing:.04em;word-break:break-all;-webkit-user-select:all;user-select:all}.button-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-2)}}@layer components{.share-tabs{display:flex;padding:var(--space-4) var(--space-5) 0}.share-tabs .segmented{width:100%}.share-tabs .segmented button{flex:1}.share-add{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-2);align-items:center}.share-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}@media(max-width:520px){.share-add{grid-template-columns:1fr auto}.share-add select{grid-column:1 / -1}.share-form{grid-template-columns:1fr 1fr}.share-form .field:last-child{grid-column:1 / -1}}}@layer components{.row--block{display:block;padding-block:var(--space-3)}.row__trail{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;color:var(--label-secondary-local, var(--label-secondary))}.row__detail{max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-body)}.row__chevron{color:var(--label-tertiary);font-size:20px}.row .icon:first-child:not(.row__chevron){color:var(--icon)}.row--danger .row__title{color:var(--system-red)}.row__actions--visible{opacity:1}.group__more{display:flex;justify-content:center}.group__more .btn[hidden]{display:none}.btn--danger-text{color:var(--system-red)}.empty--compact{padding:var(--space-6) var(--space-4)}.status{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-subhead);color:var(--label-secondary-local, var(--label-secondary));white-space:nowrap}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--system-green)}.status--warn:before{background:var(--system-orange)}.status--off:before{background:var(--system-gray)}.sheet__done{font-weight:var(--weight-semibold)}.sheet__form{display:grid;gap:var(--space-4)}.sheet__message{color:var(--label-secondary);font-size:var(--text-subhead)}.avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(160deg,color-mix(in oklch,var(--accent) 80%,white),var(--accent));color:var(--on-accent)}.avatar--xl{width:88px;height:88px}.avatar img{width:100%;height:100%;object-fit:cover}.avatar__initial{font-family:var(--font-display);font-size:38px;font-weight:var(--weight-semibold)}}@layer components{.material{background:var(--material);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.sidebar{display:flex;flex-direction:column;gap:var(--space-5);height:100%;padding:var(--space-4) var(--space-3);border-right:.5px solid var(--material-border);overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-headline);font-weight:var(--weight-bold);letter-spacing:-.01em;color:var(--label);text-decoration:none}.sidebar__logo{width:26px;height:26px;border-radius:7px}.sidebar__section{display:grid;gap:1px}.sidebar__heading{padding:0 var(--space-2) var(--space-1);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--label-tertiary)}.nav-item{display:flex;align-items:center;gap:var(--space-2);min-height:32px;padding:0 var(--space-2);border:0;border-radius:var(--radius-sm);background:none;color:var(--label);font-size:var(--text-subhead);text-align:left;text-decoration:none;width:100%}.nav-item .icon{color:var(--accent-text);font-size:19px}.nav-item__count{margin-left:auto;font-size:var(--text-footnote);color:var(--label-secondary);font-variant-numeric:tabular-nums}.nav-item[aria-current=true],.nav-item[aria-current=page]{background:var(--accent-soft);font-weight:var(--weight-semibold)}.nav-item[aria-current=true] .icon,.nav-item[aria-current=page] .icon{font-variation-settings:"FILL" 1}.nav-item__dot{width:10px;height:10px;margin:0 5px;border-radius:50%;background:var(--dot, var(--system-gray));flex:none}.sidebar__footer{margin-top:auto;display:grid;gap:1px}.toolbar{display:flex;align-items:center;gap:var(--space-2);min-height:var(--toolbar-height);padding:var(--space-2) var(--space-4)}.toolbar__title{font-size:var(--text-headline);font-weight:var(--weight-bold);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar__spacer{flex:1}.tabbar{position:fixed;inset:auto 0 0;z-index:20;display:none;grid-auto-flow:column;grid-auto-columns:1fr;padding-bottom:env(safe-area-inset-bottom);border-top:.5px solid var(--material-border)}.tabbar__item{display:grid;justify-items:center;gap:2px;padding:6px 0 4px;border:0;background:none;color:var(--label-secondary);font-size:10px;font-weight:var(--weight-medium);text-decoration:none}.tabbar__item .icon{font-size:25px}.tabbar__item[aria-current=page]{color:var(--accent-text)}.tabbar__item[aria-current=page] .icon{font-variation-settings:"FILL" 1}.tabbar__add .icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:24px}@media(max-width:700px){.tabbar{display:grid}}@media(hover:hover){.sidebar__brand:hover{text-decoration:none}.nav-item:hover{background:var(--hover);text-decoration:none}.tabbar__item:hover{text-decoration:none}}}@layer components{.profile-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1) 0 var(--space-2);margin-top:var(--space-2);border-top:.5px solid var(--separator)}.profile-row__name{flex:1;min-width:0;font-size:var(--text-subhead);font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bell{position:relative}.bell__badge{position:absolute;top:2px;right:1px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--danger);color:#fff;font-size:10px;font-weight:var(--weight-bold);line-height:1;box-shadow:0 0 0 2px var(--bg)}}@layer components{.island{position:fixed;top:calc(env(safe-area-inset-top) + 12px);left:50%;z-index:100;display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:6px 8px 6px 16px;border:0;border-radius:var(--radius-pill);background:#000;color:#fff;font-size:var(--text-subhead);font-weight:var(--weight-semibold);box-shadow:0 10px 30px #00000059;transform:translate(-50%,-140%);transition:transform var(--dur-slow) var(--ease-spring);cursor:pointer}:root[data-theme=dark] .island{background:#1c1c1e;box-shadow:0 10px 30px #0009,0 0 0 .5px #ffffff1f}.island[data-visible=true]{transform:translate(-50%)}.island__icon{color:var(--system-green)}.island__ring{width:28px;height:28px;flex:none}.island__ring circle{fill:none;stroke-width:3}.island__ring .track{stroke:#ffffff2e}.island__ring .progress{stroke:var(--system-green);stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}.island__secs{font-size:var(--text-caption2);font-variant-numeric:tabular-nums;fill:#fff}.toast-stack{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 24px);left:50%;z-index:100;display:grid;gap:var(--space-2);justify-items:center;transform:translate(-50%);pointer-events:none}.toast-stack[popover],.island[popover]{margin:0;overflow:visible}.island[popover]{inset:calc(env(safe-area-inset-top) + 12px) auto auto 50%}.toast-stack[popover]{border:0;padding:0;background:transparent;width:max-content;max-width:calc(100vw - 32px);inset:auto auto calc(env(safe-area-inset-bottom) + 24px) 50%}@media(max-width:700px){.toast-stack{bottom:calc(env(safe-area-inset-bottom) + var(--tabbar-height) + 16px)}}.toast{display:flex;align-items:center;gap:var(--space-2);padding:10px 16px;border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--label);font-size:var(--text-subhead);font-weight:var(--weight-medium);box-shadow:var(--shadow-raised);animation:toast-in var(--dur-slow) var(--ease-spring)}.toast--error .icon{color:var(--danger)}.toast--success .icon{color:var(--success)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}}.tag{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:2px 8px;border-radius:var(--radius-pill);background:var(--fill-tertiary);color:var(--label-secondary);font-size:var(--text-caption);font-weight:var(--weight-medium);white-space:nowrap}.tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dot, var(--system-gray));flex:none}.favicon{width:var(--favicon-size, 32px);height:var(--favicon-size, 32px);border-radius:calc(var(--favicon-size, 32px) * .225);background:var(--fill-tertiary);object-fit:cover;flex:none;box-shadow:inset 0 0 0 .5px var(--separator)}.empty{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);text-align:center;color:var(--label-secondary)}.empty>.icon{font-size:44px;color:var(--label-tertiary)}.empty__title{font-size:var(--text-title3);font-weight:var(--weight-semibold);color:var(--label)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--fill-tertiary) 25%,var(--fill-secondary) 37%,var(--fill-tertiary) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}}@layer components{.session-banner{position:fixed;inset:auto 16px calc(env(safe-area-inset-bottom) + 16px) auto;z-index:110;display:flex;align-items:center;gap:var(--space-3);max-width:min(440px,calc(100vw - 32px));margin:0;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border:0;border-radius:var(--radius-lg);background:var(--surface-raised);color:var(--label);font-size:var(--text-subhead);box-shadow:var(--shadow-raised);transform:translateY(calc(100% + 32px));transition:transform var(--dur-slow) var(--ease-spring)}.session-banner[data-visible=true]{transform:none}.session-banner>.icon{color:var(--warning)}.session-banner .btn{flex:none}@media(max-width:700px){.session-banner{inset:auto 12px calc(env(safe-area-inset-bottom) + var(--tabbar-height) + 12px) 12px;max-width:none}}}@layer components{.notice-panel{position:fixed;z-index:60;width:min(380px,calc(100vw - 16px));max-height:min(560px,calc(100dvh - 96px));margin:0;padding:0;border:0;display:none;flex-direction:column;border-radius:var(--radius-xl);background:var(--surface-raised);color:var(--label);box-shadow:var(--shadow-raised);overflow:hidden}.notice-panel[data-open=true]{display:flex;animation:sheet-in var(--dur-base) var(--ease-spring)}.notice-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-3) var(--space-2) var(--space-4)}.notice-panel__header h2{font-size:var(--text-headline);font-weight:var(--weight-bold)}.notice-list{overflow-y:auto;padding:0 var(--space-2) var(--space-2)}.notice{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);position:relative}.notice--link{cursor:pointer}.notice--unread:after{content:"";position:absolute;top:18px;right:12px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.notice__icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--fill-tertiary);color:var(--icon)}.notice__body{min-width:0;padding-right:var(--space-4)}.notice__text{font-size:var(--text-subhead);line-height:1.35;overflow-wrap:anywhere}.notice--unread .notice__text{font-weight:var(--weight-semibold)}.notice__time{margin-top:2px;font-size:var(--text-caption);color:var(--label-secondary)}.notice__actions{grid-column:2;display:flex;gap:var(--space-2)}@media(hover:hover){.notice--link:hover,.notice--unread:hover{background:var(--hover)}}@media(max-width:700px){.notice-panel{right:8px;width:auto}}.notice-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:color-mix(in oklch,var(--warning) 14%,transparent);color:var(--label);font-size:var(--text-footnote);line-height:1.35;text-decoration:none}.notice-card>.icon:first-child{color:var(--warning)}.notice-card>.icon:last-child{color:var(--label-tertiary);margin-left:auto}.notice-card:hover{text-decoration:none}}@layer components{.alert{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-subhead);line-height:1.4;background:var(--fill-tertiary);color:var(--label)}.alert .icon{margin-top:1px}.alert--error{background:color-mix(in oklch,var(--danger) 14%,transparent)}.alert--error .icon{color:var(--danger)}.alert--success{background:color-mix(in oklch,var(--success) 14%,transparent)}.alert--success .icon{color:var(--success)}.alert--info .icon{color:var(--accent-text)}.alert--warning{background:color-mix(in oklch,var(--warning) 14%,transparent)}.alert--warning .icon{color:var(--warning)}}@layer components{.split{display:grid;grid-template-columns:var(--list-width) minmax(0,1fr);height:100dvh}.split__list{display:flex;flex-direction:column;min-height:0;border-right:.5px solid var(--material-border)}.split__back-app{justify-self:start;margin-left:calc(var(--space-2) * -1);min-height:32px}.split__detail{display:flex;flex-direction:column;min-width:0;min-height:0}body:has(>.split){height:100dvh;overflow:hidden}.split-head{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:.5px solid var(--material-border)}.split-head__back{display:none}.split-head__title{font-size:var(--text-headline);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-head__sub{display:block;font-size:var(--text-footnote);color:var(--label-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:700px){.split{grid-template-columns:1fr}.split__list{border-right:0;background:var(--bg);padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom))}.split__list .list-header{padding-top:calc(env(safe-area-inset-top) + var(--space-3))}.split__list .list-header__title{font-size:var(--text-large-title)}.split__list .list-header .btn--primary span:last-child{display:none}.split__detail{position:fixed;inset:0;z-index:30;background:var(--bg);transform:translate(100%);transition:transform var(--dur-slow) var(--ease-spring)}.split[data-view=detail] .split__detail{transform:none}.split-head{grid-template-columns:auto minmax(0,1fr) auto;padding-top:calc(env(safe-area-inset-top) + var(--space-2));row-gap:var(--space-2)}.split-head__back{display:inline-flex;padding-left:0}}@media(max-width:700px)and (prefers-reduced-motion:reduce){.split__detail{transition:none}}}@layer components{.chat{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.chat__scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4) var(--space-5) var(--space-2)}.chat__list{display:flex;flex-direction:column;gap:2px;max-width:760px;margin:0 auto}.chat__older{display:block;margin:0 auto var(--space-3)}.chat__older[hidden]{display:none}.chat__day{align-self:center;margin:var(--space-4) 0 var(--space-2);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--label-secondary)}.chat__empty{margin:auto;padding:var(--space-10) var(--space-4);display:grid;gap:var(--space-1);text-align:center;color:var(--label-secondary)}.chat__empty-title{font-size:var(--text-headline);color:var(--label);font-weight:var(--weight-semibold)}.bubble{max-width:min(75%,520px);display:grid}.bubble__text{padding:8px 13px;border-radius:18px;font-size:var(--text-body);line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.bubble--mine{align-self:flex-end;justify-items:end}.bubble--mine .bubble__text{background:var(--accent);color:var(--on-accent)}.bubble--theirs{align-self:flex-start;justify-items:start}.bubble--theirs .bubble__text{background:var(--fill-secondary);color:var(--label)}.bubble--mine.bubble--tail .bubble__text{border-bottom-right-radius:5px}.bubble--theirs.bubble--tail .bubble__text{border-bottom-left-radius:5px}.bubble--tail{margin-bottom:var(--space-2)}.bubble__time{padding:2px 6px 0;font-size:var(--text-caption2);color:var(--label-tertiary)}.chat__jump{position:absolute;left:50%;bottom:96px;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 14px;border:0;border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:var(--text-footnote);font-weight:var(--weight-semibold);box-shadow:var(--shadow-raised)}.chat__jump[hidden]{display:none}.chat__jump .icon{font-size:16px}.chat__footer{padding:var(--space-2) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));display:grid;gap:var(--space-2)}.chat__hint{display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--text-caption);color:var(--label-tertiary);text-align:center}.chat__hint .icon{font-size:14px}.chat__composer{display:flex;align-items:flex-end;gap:var(--space-2);max-width:760px;width:100%;margin:0 auto;padding:4px 4px 4px 14px;border:1px solid var(--separator);border-radius:22px;background:var(--surface)}.chat__composer:focus-within{border-color:color-mix(in oklch,var(--accent) 60%,transparent)}.chat__input{flex:1;min-height:34px;max-height:160px;padding:7px 0;border:0;outline:none;resize:none;background:none;color:var(--label);font:inherit;font-size:var(--text-body);line-height:1.35}.chat__send{flex:none;display:grid;place-items:center;width:32px;height:32px;margin-bottom:1px;border:0;border-radius:50%;background:var(--accent);color:var(--on-accent)}.chat__send:disabled{background:var(--fill-secondary);color:var(--label-tertiary)}.chat__send .icon{font-size:20px;font-variation-settings:"wght" 600}@media(max-width:700px){.chat__scroll{padding-inline:var(--space-3)}.bubble{max-width:82%}}}@layer pages{body.page-tresor{height:100dvh;overflow:hidden}.app{display:grid;grid-template-columns:var(--sidebar-width) var(--list-width) minmax(0,1fr);height:100dvh}.app__sidebar{min-height:0}.app__list,.app__detail{min-width:0;min-height:0;display:flex;flex-direction:column}.app__list{border-right:.5px solid var(--separator);background:color-mix(in oklch,var(--bg) 55%,transparent)}.list-header{display:grid;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3)}.list-header__row{display:flex;align-items:center;gap:var(--space-2)}.list-header__title{flex:1;min-width:0;font-family:var(--font-display);font-size:var(--text-title1);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.1}.list-header__meta{font-size:var(--text-footnote);color:var(--label-secondary)}.list-header__sub{justify-content:space-between;margin-block:calc(var(--space-2) * -1)}.list-header__sub .list-header__meta{flex:1}.list-scroll{flex:1;overflow-y:auto;padding:0 var(--space-2) var(--space-6)}.list-section{padding:var(--space-3) var(--space-3) var(--space-1);font-size:var(--text-footnote);font-weight:var(--weight-semibold);color:var(--label-secondary)}.entry{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:none;color:var(--label);text-align:left}.entry[aria-selected=true]{background:var(--accent-soft)}.entry__text{flex:1;min-width:0;display:grid;gap:1px}.entry__title{font-size:var(--text-body);font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry__sub{font-size:var(--text-footnote);color:var(--label-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry__meta{display:flex;align-items:center;gap:var(--space-1);color:var(--label-tertiary)}.entry__meta .icon{font-size:16px}.entry__fav{color:var(--system-yellow);font-variation-settings:"FILL" 1}.app__detail{overflow-y:auto}.detail-toolbar{position:sticky;top:0;z-index:5}.detail-back{display:none}.detail{width:100%;max-width:720px;margin:0 auto;padding:var(--space-4) var(--space-6) var(--space-10);display:grid;gap:var(--space-6)}.detail__hero{display:flex;align-items:center;gap:var(--space-4)}.detail__hero .favicon{--favicon-size: 64px}.detail__title{font-family:var(--font-display);font-size:var(--text-title1);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere}.detail__subtitle{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-1);color:var(--label-secondary);font-size:var(--text-subhead)}.field-row{cursor:default}.field-row__label{width:110px;flex:none;font-size:var(--text-subhead);color:var(--label-secondary-local, var(--label-secondary))}.field-row .row__value{flex:1;min-width:0}.field-row .row__actions{opacity:.55;transition:opacity var(--dur-fast)}.field-row:focus-within .row__actions{opacity:1}@media(hover:none){.field-row .row__actions{opacity:1}}.secret{font-family:var(--font-mono);font-size:var(--text-body);letter-spacing:.02em}.secret--masked{white-space:nowrap;overflow:hidden;letter-spacing:.15em;color:var(--label-secondary-local, var(--label-secondary))}.secret .d{color:var(--system-blue)}.secret .s{color:var(--system-orange)}.hold-hint{font-size:var(--text-caption);color:var(--label-tertiary)}.notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-body);line-height:1.5}.detail-empty{margin:auto}@media(max-width:1100px){.app{grid-template-columns:var(--list-width) minmax(0,1fr)}.app__sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--sidebar-width);transform:translate(-105%);transition:transform var(--dur-slow) var(--ease-spring);box-shadow:var(--shadow-raised)}.app[data-sidebar=open] .app__sidebar{transform:none}.sidebar-toggle{display:inline-flex}}@media(min-width:1101px){.sidebar-toggle{display:none}}@media(max-width:700px){.app{grid-template-columns:1fr}.app__list{border-right:0;padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom))}.list-header{padding-top:calc(env(safe-area-inset-top) + var(--space-3))}.list-header__title{font-size:var(--text-large-title)}.app__detail{position:fixed;inset:0;z-index:30;background:var(--bg);transform:translate(100%);transition:transform var(--dur-slow) var(--ease-spring);padding-bottom:env(safe-area-inset-bottom)}.app[data-view=detail] .app__detail{transform:none}.detail-toolbar{padding-top:env(safe-area-inset-top)}.detail-back{display:inline-flex}.search__kbd,.list-header [data-action=new]{display:none}.search__input{padding-right:var(--space-3)}.detail{padding:var(--space-2) var(--space-4) var(--space-10)}.field-row__label{width:92px}.field-row .row__actions{opacity:1}}.scrim{position:fixed;inset:0;z-index:35;background:#0000004d;display:none}@media(max-width:1100px){.app[data-sidebar=open]~.scrim{display:block}}@media(hover:hover){.entry:not([aria-selected=true]):hover{background:var(--hover)}.field-row:hover .row__actions{opacity:1}}}@layer pages{body.page-auth{min-height:100dvh;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + var(--space-8)) var(--space-4) calc(env(safe-area-inset-bottom) + var(--space-6));background:radial-gradient(60% 45% at 50% 0%,color-mix(in oklch,var(--accent) 22%,transparent),transparent 70%),var(--bg)}.auth{width:min(420px,100%);display:grid;gap:var(--space-6)}.auth--wide{width:min(560px,100%)}.auth__brand{display:grid;justify-items:center;gap:var(--space-2);text-align:center}.auth__logo{width:72px;height:72px;border-radius:16px;box-shadow:0 12px 30px color-mix(in oklch,var(--accent) 35%,transparent)}.auth__symbol{width:72px;height:72px;display:grid;place-items:center;border-radius:18px;background:var(--accent);color:var(--on-accent);box-shadow:0 12px 30px color-mix(in oklch,var(--accent) 35%,transparent)}.auth__symbol .icon{font-size:38px;font-variation-settings:"FILL" 1}.auth__title{margin-top:var(--space-2);font-family:var(--font-display);font-size:var(--text-large-title);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.1}.auth__subtitle{color:var(--label-secondary);font-size:var(--text-subhead);max-width:34ch}.auth-card{display:grid;gap:var(--space-4);padding:var(--space-6)}.hp-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.auth-card form,.sheet__body form{display:grid;gap:var(--space-4)}.auth-card .row{padding-inline:0}.auth-card .card-row{padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--fill-tertiary);cursor:pointer}.auth-links{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-subhead)}.auth-alt{text-align:center;font-size:var(--text-subhead);color:var(--label-secondary)}.auth__footer{text-align:center;font-size:var(--text-footnote);color:var(--label-tertiary)}.auth__footer a{color:var(--label-secondary)}@media(max-width:480px){.auth-card{padding:var(--space-5) var(--space-4)}.auth__title{font-size:var(--text-title1)}}}@layer pages{@media print{body.page-auth{background:#fff;color:#000}.auth__footer,.button-row,.auth-card>a,.alert{display:none}.card:before{background:#fff}}}@layer pages{body.page-settings{height:100dvh;overflow:hidden}.settings{display:grid;grid-template-columns:300px minmax(0,1fr);height:100dvh}.settings__nav{gap:var(--space-4)}.settings__nav-header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:var(--space-1) var(--space-2);padding:0 var(--space-1)}.settings__back-app{grid-column:1 / -1;justify-self:start;margin-left:calc(var(--space-2) * -1);min-height:32px}.settings__title{font-family:var(--font-display);font-size:var(--text-title1);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.1}.nav-item--tile{min-height:40px;gap:var(--space-3)}.nav-item--tile .icon{color:inherit}.nav-item__label{flex:1;min-width:0}.nav-item__chevron{display:none;color:var(--label-tertiary);font-size:18px}.nav-item__badge{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--system-red);color:#fff;font-size:var(--text-caption);font-weight:var(--weight-bold)}.tile{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--tile, var(--system-gray));color:#fff}.tile .icon{font-size:18px;color:#fff;font-variation-settings:"FILL" 1}.settings__pane{min-width:0;overflow-y:auto;outline:none}.settings__toolbar{display:none;position:sticky;top:0;z-index:5}.settings__content{width:100%;max-width:680px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-10);display:grid;gap:var(--space-6)}.settings__heading{font-family:var(--font-display);font-size:var(--text-title1);font-weight:var(--weight-bold);letter-spacing:-.02em}.settings__stack{display:grid;gap:var(--space-6)}.settings__footer-actions{display:flex;justify-content:center}.profile-card{display:grid;justify-items:center;gap:var(--space-1);padding:var(--space-6) var(--space-4);text-align:center}.profile-card__avatar{position:relative;margin-bottom:var(--space-2)}.profile-card__edit{position:absolute;right:-6px;bottom:-6px}.profile-card__edit .btn{width:34px;height:34px;min-height:34px;border-radius:50%;background:var(--surface-raised);box-shadow:var(--shadow-card)}.profile-card__name{font-family:var(--font-display);font-size:var(--text-title2);font-weight:var(--weight-bold);letter-spacing:-.01em;overflow-wrap:anywhere}.profile-card__mail{color:var(--label-secondary-local, var(--label-secondary));overflow-wrap:anywhere}.profile-card__since{margin-top:var(--space-1);font-size:var(--text-footnote);color:var(--label-tertiary)}.security-summary{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.security-summary__icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:14px;background:var(--system-green);color:#fff}.security-summary[data-state=todo] .security-summary__icon{background:var(--system-orange)}.security-summary__icon .icon{font-size:28px;font-variation-settings:"FILL" 1}.security-summary__title{font-size:var(--text-headline);font-weight:var(--weight-semibold)}.security-summary__text{font-size:var(--text-subhead);color:var(--label-secondary-local, var(--label-secondary))}.steps{display:grid;gap:var(--space-2);padding-left:1.3em;font-size:var(--text-subhead);color:var(--label-secondary)}.steps--rows{padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 1.3em);color:inherit}.steps code{font-family:var(--font-mono);font-size:.95em}.qr{justify-self:center;padding:var(--space-2);border-radius:var(--radius-md);background:#fff}.qr img{display:block;width:200px;height:200px}.qr__manual{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.qr__manual code{font-family:var(--font-mono);letter-spacing:.08em;overflow-wrap:anywhere}.input--code{font-family:var(--font-mono);font-size:var(--text-title3);letter-spacing:.3em;text-align:center}.code-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2) var(--space-6);padding:var(--space-4) var(--space-4) var(--space-4) calc(var(--space-4) + 1.5em);border-radius:var(--radius-md);background:var(--fill-tertiary);font-family:var(--font-mono);letter-spacing:.06em;-webkit-user-select:all;user-select:all}.theme-choice{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.theme-choice__option{display:grid;justify-items:center;gap:var(--space-2);padding:0;border:0;background:none;color:inherit}.theme-choice__art{position:relative;display:grid;grid-template-columns:30% 1fr;grid-template-rows:1fr 1fr;gap:5px;width:100%;max-width:180px;aspect-ratio:16 / 10;padding:6px;border-radius:var(--radius-md);outline:3px solid transparent;outline-offset:2px;transition:outline-color var(--dur-fast)}.theme-choice__art span{border-radius:4px}.theme-choice__art span:first-child{grid-row:1 / -1}.theme-choice__art--light{background:#f2f2f7;box-shadow:inset 0 0 0 .5px #00000026}.theme-choice__art--light span{background:#fff;box-shadow:0 1px 2px #00000014}.theme-choice__art--dark{background:#000;box-shadow:inset 0 0 0 .5px #fff3}.theme-choice__art--dark span{background:#1c1c1e}.theme-choice__art span:nth-child(2){background:var(--accent);opacity:.85}.theme-choice__option[aria-checked=true] .theme-choice__art{outline-color:var(--accent)}.theme-choice__label{font-size:var(--text-subhead)}.theme-choice__check .icon{font-size:22px;color:var(--label-tertiary)}.theme-choice__option[aria-checked=true] .theme-choice__check .icon{color:var(--accent);font-variation-settings:"FILL" 1}.swatches{display:flex;flex-wrap:wrap;gap:12px}.swatch{position:relative;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--swatch, var(--fill-secondary));color:#fff;box-shadow:inset 0 0 0 .5px #0000002e;cursor:pointer}.swatch--lg{width:38px;height:38px}.swatch[aria-checked=true],.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--swatch, var(--accent))}.swatch--custom{background:var(--swatch, conic-gradient(from 90deg, #ff3b30, #ff9500, #ffcc00, #34c759, #5ac8fa, #007aff, #af52de, #ff3b30))}.swatch--custom .icon{font-size:16px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.swatch--custom input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.appearance-panel{display:grid;gap:var(--space-4)}.appearance-panel:empty,.appearance-panel__effects:empty{display:none}.preset-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:var(--space-3)}.preset-tile{display:grid;gap:var(--space-1);padding:0;border:0;background:none;color:inherit;font-size:var(--text-footnote)}.preset-tile__art{aspect-ratio:4 / 3;border-radius:var(--radius-sm);background-size:cover;background-position:center;box-shadow:inset 0 0 0 .5px #00000026;outline:3px solid transparent;outline-offset:2px}.preset-tile[aria-pressed=true] .preset-tile__art{outline-color:var(--accent)}.upload-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.slider-row{display:grid;grid-template-columns:90px 1fr 52px;align-items:center;gap:var(--space-3);width:100%}.slider-row__label{font-size:var(--text-body)}.slider__value{text-align:right;font-size:var(--text-subhead);color:var(--label-secondary-local, var(--label-secondary));font-variant-numeric:tabular-nums}.color-well{width:34px;height:34px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.color-well::-webkit-color-swatch-wrapper{padding:0}.color-well::-webkit-color-swatch{border:.5px solid rgba(0,0,0,.2);border-radius:50%}.color-well::-moz-color-swatch{border:.5px solid rgba(0,0,0,.2);border-radius:50%}.color-well[hidden]{display:none}.auto-toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-subhead)}.gradient{display:grid;gap:var(--space-3)}.gradient__preview{height:72px;border-radius:var(--radius-md);box-shadow:inset 0 0 0 .5px #00000026}.gradient__controls{display:grid;gap:var(--space-3);justify-items:start}.gradient__controls .slider-row[hidden]{display:none}.gradient__stops{display:grid;gap:var(--space-2);width:100%}.gradient__stop{display:grid;grid-template-columns:34px 1fr 52px 36px;align-items:center;gap:var(--space-3)}.disclosure>.group__body{margin-top:var(--space-2)}.disclosure__summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--space-1)}.disclosure__summary::-webkit-details-marker{display:none}.disclosure__summary:before{content:"chevron_right";font-family:Material Symbols Rounded;font-size:18px;text-transform:none;transition:transform var(--dur-fast)}.disclosure[open] .disclosure__summary:before{transform:rotate(90deg)}.theme-preview{display:grid;place-items:center;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--app-backdrop);background-size:cover;background-position:center;box-shadow:inset 0 0 0 .5px var(--separator);overflow:hidden}.theme-preview__window{width:min(360px,100%);display:grid;gap:2px;padding:var(--space-2) var(--space-2) var(--space-3)}.theme-preview__bar{display:flex;gap:6px;padding:var(--space-1) var(--space-2) var(--space-2)}.theme-preview__bar span{width:10px;height:10px;border-radius:50%;background:var(--fill-secondary)}.theme-preview__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.theme-preview__row--selected{background:var(--accent-soft)}.theme-preview__row--hover{background:var(--hover)}.theme-preview__fav{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#fff;font-weight:var(--weight-bold);font-size:var(--text-footnote)}.theme-preview__text{display:grid}.theme-preview__text b{font-weight:var(--weight-semibold);font-size:var(--text-subhead)}.theme-preview__text small{font-size:var(--text-caption);color:var(--label-secondary-local, var(--label-secondary))}.theme-preview__actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-2) 0}.theme-preview__actions .btn{pointer-events:none}.hero{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-5) var(--space-6);text-align:center}.hero__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:var(--system-teal);color:#fff;margin-bottom:var(--space-2)}.hero__icon .icon{font-size:36px;font-variation-settings:"FILL" 1}.hero__title{font-family:var(--font-display);font-size:var(--text-title2);font-weight:var(--weight-bold)}.hero__text{max-width:42ch;color:var(--label-secondary-local, var(--label-secondary));margin-bottom:var(--space-3)}@media(max-width:700px){.settings{grid-template-columns:1fr}.settings__nav{border-right:0;background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;padding:calc(env(safe-area-inset-top) + var(--space-3)) var(--space-4) calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--space-4))}.settings__title{font-size:var(--text-large-title)}#settings-nav{gap:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}#settings-nav .nav-item{min-height:48px;padding:0 var(--space-3);border-radius:0;background:none;font-size:var(--text-body);position:relative}#settings-nav .nav-item+.nav-item:before{content:"";position:absolute;top:0;left:52px;right:0;border-top:.5px solid var(--separator)}#settings-nav .nav-item[aria-current]{background:none;font-weight:var(--weight-regular)}.nav-item__chevron{display:inline-block}.settings__pane{position:fixed;inset:0;z-index:30;background:var(--bg);transform:translate(100%);transition:transform var(--dur-slow) var(--ease-spring);padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom))}.settings[data-view=pane] .settings__pane{transform:none}.settings__toolbar{display:grid;grid-template-columns:1fr auto 1fr;padding-top:env(safe-area-inset-top)}.settings__back{justify-self:start;padding-left:0}.settings__content{padding:var(--space-3) var(--space-4) var(--space-10)}.settings__heading{display:none}.settings__nav-header .bell{grid-row:2;grid-column:2}.slider-row{grid-template-columns:76px 1fr 48px}}@media(max-width:700px)and (prefers-reduced-motion:reduce){.settings__pane{transition:none}}@media(hover:hover){.theme-choice__option:hover .theme-choice__art{outline-color:var(--fill-secondary)}.theme-choice__option[aria-checked=true]:hover .theme-choice__art{outline-color:var(--accent)}.preset-tile:hover .preset-tile__art{outline-color:var(--fill-secondary)}.preset-tile[aria-pressed=true]:hover .preset-tile__art{outline-color:var(--accent)}}}@layer pages{.friend-section{display:grid;gap:1px;padding-bottom:var(--space-3)}.friend-section__title{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-1);font-size:var(--text-footnote);font-weight:var(--weight-semibold);color:var(--label-secondary)}.friend-section__count{min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--fill-secondary);color:var(--label);font-size:var(--text-caption2);line-height:18px;text-align:center}.friend-section--blocked>summary{cursor:pointer;list-style:none}.friend-section--blocked>summary::-webkit-details-marker{display:none}.friend-section--blocked>summary:after{content:"expand_more";font-family:Material Symbols Rounded;font-size:18px;margin-left:auto}.friend-section--blocked[open]>summary:after{content:"expand_less"}.friend-section__empty{padding:var(--space-2) var(--space-3);font-size:var(--text-subhead);color:var(--label-secondary)}.friend-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:60px;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:none;color:var(--label);text-align:left}.friend-row--button[aria-current=true]{background:var(--accent-soft)}.friend-row--request{flex-wrap:wrap;background:var(--accent-softer)}.friend-row--request .friend-row__text{flex-basis:calc(100% - 52px)}.friend-row--request .friend-row__actions{flex-basis:100%;padding-left:52px}.friend-row--request .friend-row__actions .btn--primary{flex:1}.friend-row__avatar{position:relative;flex:none}.friend-row__text{flex:1;min-width:0;display:grid;gap:1px}.friend-row__name{font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-row__sub{font-size:var(--text-footnote);color:var(--label-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-row__actions{display:flex;align-items:center;gap:var(--space-1)}.presence{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:var(--system-green);box-shadow:0 0 0 2px var(--bg)}.friend-head__who{display:flex;align-items:center;gap:var(--space-3);min-width:0;grid-column:1 / 3}.friend-head__text{min-width:0}.friend-head__tabs button{min-width:110px}@media(min-width:701px)and (max-width:1000px){.friend-head{row-gap:var(--space-2)}.friend-head__tabs{grid-column:1 / -1;grid-row:2;display:flex}.friend-head__tabs button{flex:1;min-width:0}}.friend-body{flex:1;min-height:0;display:flex;flex-direction:column}.friend-body--shared{overflow-y:auto}.friend-shared{width:100%;max-width:720px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-10);display:grid;gap:var(--space-6)}@media(max-width:700px){.friend-head__who{grid-column:2}.friend-head__tabs{grid-column:1 / -1;grid-row:2;display:flex}.friend-head__tabs button{flex:1;min-width:0}.friend-shared{padding:var(--space-4) var(--space-4) var(--space-10)}}@media(hover:hover){.friend-row--button:not([aria-current=true]):hover{background:var(--hover)}}}@layer pages{.ticket-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:60px;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:none;color:var(--label);text-align:left}.ticket-row[aria-current=true]{background:var(--accent-soft)}.ticket-row__text{flex:1;min-width:0;display:grid;gap:1px}.ticket-row__subject{font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-row__sub{font-size:var(--text-footnote);color:var(--label-secondary)}.ticket-head{min-width:0;grid-column:1 / 3}.support-help-link{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-2) var(--space-3) var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--fill-tertiary);font-size:var(--text-footnote);color:var(--label-secondary);text-decoration:none}.support-help-link .icon{color:var(--accent-text)}.bubble__from{padding:0 6px 2px;font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--label-secondary)}@media(max-width:700px){.ticket-head{grid-column:2}.support-help-link{margin-bottom:var(--space-2)}}@media(hover:hover){.ticket-row:not([aria-current=true]):hover{background:var(--hover)}.support-help-link:hover{text-decoration:none;background:var(--fill-secondary)}}}@layer pages{.help-toolbar{position:sticky;top:0;z-index:5;justify-content:space-between;border-bottom:.5px solid var(--material-border)}.help{width:100%;max-width:720px;margin:0 auto;padding:var(--space-6) var(--space-5) calc(var(--space-10) + var(--tabbar-height));display:grid;gap:var(--space-8)}.help__title{font-family:var(--font-display);font-size:var(--text-large-title);font-weight:var(--weight-bold);letter-spacing:-.02em}.help__lead{margin-top:var(--space-2);color:var(--label-secondary);font-size:var(--text-body)}.help-row{align-items:flex-start;padding-block:var(--space-3);color:inherit;text-decoration:none}.help-row .tile{margin-top:2px}.help-row .row__subtitle{margin-top:2px;line-height:1.4}.help-row .row__chevron{align-self:center}a.help-row:hover{text-decoration:none}.help-columns{display:grid;grid-template-columns:1fr 1fr}.help-steps{padding:var(--space-4) var(--space-5)}.help-steps+.help-steps{border-left:.5px solid var(--separator)}.help-steps h3{font-size:var(--text-headline);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.help-steps ol{padding-left:1.2em;display:grid;gap:var(--space-1);color:var(--label-secondary-local, var(--label-secondary));line-height:1.45}.help-steps strong{color:var(--user-card-label, var(--label));font-weight:var(--weight-semibold)}.help-key{gap:var(--space-4)}.help-key__keys{display:inline-flex;gap:4px;min-width:88px}kbd{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:6px;background:var(--fill-secondary);box-shadow:inset 0 -1px #00000026;font-family:var(--font-sans);font-size:var(--text-footnote);font-weight:var(--weight-semibold);color:var(--label)}.group__footer kbd{height:20px;min-width:20px;padding:0 5px;font-size:var(--text-caption);margin-right:2px}@media(max-width:700px){.help-toolbar{padding-top:env(safe-area-inset-top)}.help{padding:var(--space-4) var(--space-4) calc(var(--space-10) + var(--tabbar-height));gap:var(--space-6)}.help-columns{grid-template-columns:1fr}.help-steps+.help-steps{border-left:0;border-top:.5px solid var(--separator)}}}@layer pages{.page-admin .admin__content{max-width:860px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-3)}.stat{display:grid;gap:2px;padding:var(--space-4);border:0;text-align:left;color:inherit;font:inherit}button.stat{cursor:pointer}.stat__value{font-family:var(--font-display);font-size:var(--text-title1);font-weight:var(--weight-bold);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat__label{font-weight:var(--weight-semibold)}.stat__sub{font-size:var(--text-footnote);color:var(--label-secondary-local, var(--label-secondary))}.admin-user__name{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.pill{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:var(--radius-pill);background:var(--fill-secondary);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--label-secondary)}.pill--accent{background:var(--accent-soft);color:var(--accent-text)}.pill--warn{background:color-mix(in oklch,var(--system-orange) 18%,transparent);color:var(--system-orange)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:30px;padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);background:var(--fill-tertiary);color:var(--label);font-size:var(--text-footnote)}.chip[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.chip__count{font-variant-numeric:tabular-nums;opacity:.7}.admin-thread{width:100%;max-width:none;max-height:46vh;overflow-y:auto;padding:var(--space-2);border-radius:var(--radius-md);background:var(--fill-tertiary)}.admin-thread__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.news-form{display:grid;gap:var(--space-4);padding:var(--space-4)}.news-preview{display:grid;gap:var(--space-2);padding:var(--space-4) var(--space-5)}.news-preview__subject{font-weight:var(--weight-semibold);padding-bottom:var(--space-2);border-bottom:.5px solid var(--separator)}.news-preview__body{white-space:pre-wrap;overflow-wrap:anywhere}.news-progress{display:grid;gap:var(--space-2)}.news-progress[hidden]{display:none}.news-progress__bar{height:6px;border-radius:3px;background:var(--fill-secondary);overflow:hidden}.news-progress__bar span{display:block;height:100%;background:var(--accent);transition:width var(--dur-slow) var(--ease-out)}.reminder-row{cursor:pointer}.reminder-row input,.reminder-all input{width:18px;height:18px;accent-color:var(--accent);flex:none}.reminder-all{display:inline-flex;align-items:center;gap:var(--space-2);padding-left:var(--space-4);cursor:pointer}.reminder-all .group__title{padding:0}.nav-item__badge--count{width:auto;min-width:20px;padding:0 6px;border-radius:var(--radius-pill)}@media(hover:hover){button.stat:hover{outline:2px solid var(--fill-secondary)}.chip:not([aria-pressed=true]):hover{background:var(--fill-secondary)}}}@layer utilities{:is(.group__title,.group__footer,.settings__heading,.detail__subtitle,.friend-section__title,.chat__day,.chat__hint,.bubble__time,.help__lead){width:fit-content;max-width:calc(100% + 16px);border-radius:10px;background:var(--user-plate, transparent);-webkit-backdrop-filter:blur(var(--user-plate-blur)) saturate(180%);backdrop-filter:blur(var(--user-plate-blur)) saturate(180%)}:is(.group__title,.group__footer){padding-block:2px}.settings__heading{padding:0 10px;margin-inline:-10px;border-radius:14px}.chat__day,.chat__hint{padding:2px 10px}.chat__hint{justify-self:center}.detail__subtitle{padding:1px 8px;margin-left:-8px}.bubble__time{padding-inline:6px}.help__lead{padding:4px 10px;margin-left:-10px}.detail-empty{border-radius:var(--radius-xl);background:var(--user-plate, transparent);-webkit-backdrop-filter:blur(var(--user-plate-blur));backdrop-filter:blur(var(--user-plate-blur))}:is(.group__heading-row,.settings__footer-actions,.group__more)>.btn--plain{background:var(--user-plate, transparent);-webkit-backdrop-filter:blur(var(--user-plate-blur));backdrop-filter:blur(var(--user-plate-blur))}}