:root{--color-ink:#130e30;--color-ink-muted:#5f5c6e;--color-canvas:#f9fbf2;--color-surface:#eff2e5;--color-surface-strong:#e4e8d6;--color-white:#fff;--color-primary:#ffe228;--color-primary-hover:#f5d800;--color-charcoal:#222;--color-onyx:#000;--color-decor-green:#59e25d;--color-decor-fuchsia:#e261e5;--color-accent-deep:#3c315b;--color-accent-soft:#e2dffe;--color-accent:#ab9ff2;--color-info:#4a87f2;--color-warning:#ffffc4;--color-caution:#ffdadc;--color-success:#2ec08b;--color-paper:#fdfcfe;--color-fog:#86848d;--color-ash:#e9e8ea;--color-danger:#d6453d;--color-danger-strong:#b9352e;--font-heading:"Hedvig Letters Serif", "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", Georgia, serif;--font-ui:"Inter", "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-heading:700;--text-caption:10px;--leading-caption:1.2;--tracking-caption:-.2px;--text-label:12px;--leading-label:1.3;--tracking-label:-.12px;--text-body-sm:14px;--leading-body-sm:1.5;--tracking-body-sm:-.14px;--text-body:16px;--leading-body:1.5;--tracking-body:-.16px;--text-subheading:18px;--leading-subheading:1.5;--tracking-subheading:-.18px;--text-heading-sm:22px;--leading-heading-sm:1.25;--tracking-heading-sm:-.22px;--text-heading:32px;--leading-heading:1.15;--tracking-heading:-.32px;--text-heading-lg:48px;--leading-heading-lg:1.1;--tracking-heading-lg:-.48px;--text-display:64px;--leading-display:1;--tracking-display:-.64px;--tracking-tight:-.025em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-pill:9999px;--radius-card:24px;--radius-row:16px;--radius-image:24px;--border-hair:1px solid #130e301f;--border-input:1px solid #000;--border-strong:1px solid #130e30;--border-on-dark:1px solid #fdfcfe2e;--glow-accent:0 0 0 4px #e2dffe;--shadow-float:0 0 0 1px #130e301f, 0 0 4px 0 #e2dffe;--page-max-width:1200px;--content-padding-desktop:32px;--content-padding-tablet:24px;--content-padding-phone:16px;--section-gap:48px;--element-gap:12px;--sidebar-width:240px;--sidebar-width-collapsed:64px;--inspector-width:320px;--topbar-height:56px;--bottomnav-height:56px;--row-height-compact:40px;--row-height-comfortable:52px;--touch-target-min:44px;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(0, 0, .2, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);letter-spacing:var(--tracking-body-sm);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01" on, "cv11" on;overscroll-behavior:none}h1,h2,h3{font-family:var(--font-heading);font-weight:var(--weight-heading);color:var(--color-ink);margin:0}h1{font-size:var(--text-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}h2{font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm)}h3{font-family:var(--font-ui);font-weight:var(--weight-medium);font-size:var(--text-subheading);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading)}p{margin:0}a{color:var(--color-ink);text-underline-offset:2px;text-decoration:underline}a:hover{color:var(--color-accent-deep)}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer}:focus-visible{box-shadow:var(--glow-accent);border-radius:var(--radius-pill);outline:none}.muted{color:var(--color-ink-muted)}.label{font-size:var(--text-label);line-height:var(--leading-label);letter-spacing:var(--tracking-label);font-weight:var(--weight-medium)}.mono{font-family:var(--font-mono);font-size:var(--text-label)}.stack{gap:var(--element-gap);flex-direction:column;display:flex}.row{align-items:center;gap:var(--element-gap);display:flex}.grow{flex:auto;min-width:0}.wrap{flex-wrap:wrap}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);height:44px;font-weight:var(--weight-medium);font-size:var(--text-body);white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border:0;padding:0 20px;line-height:1;text-decoration:none;display:inline-flex}.btn--compact{height:36px;font-size:var(--text-body-sm);padding:0 16px}.btn--block{width:100%}.btn--primary{background:var(--color-primary);color:var(--color-ink)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--secondary{background:var(--color-ink);color:var(--color-white)}.btn--secondary:hover{background:var(--color-charcoal)}.btn--tertiary{background:var(--color-accent-soft);color:var(--color-accent-deep)}.btn--tertiary:hover{box-shadow:var(--glow-accent)}.btn--outline{color:var(--color-ink);border:var(--border-strong);background:0 0}.btn--outline:hover{background:var(--color-surface-strong)}.btn--ghost{color:var(--color-ink);background:0 0}.btn--ghost:hover{background:var(--color-surface-strong)}.btn--destructive{background:var(--color-danger-strong);color:var(--color-white)}.btn:disabled,.btn[aria-disabled=true]{background:var(--color-ash);color:var(--color-fog);cursor:not-allowed;box-shadow:none}.btn--icon{width:44px;padding:0}.btn--icon.btn--compact{width:36px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-size:var(--text-label);line-height:var(--leading-label);letter-spacing:var(--tracking-label);font-weight:var(--weight-medium);color:var(--color-ink)}.input{border-radius:var(--radius-pill);border:var(--border-input);background:var(--color-white);height:44px;color:var(--color-ink);font-size:var(--text-body);width:100%;transition:box-shadow var(--duration-fast) var(--ease-standard);padding:0 20px}.input::placeholder{color:var(--color-ink-muted)}.input:focus{box-shadow:var(--glow-accent);outline:none}.input--error{border-color:var(--color-danger)}.input--textarea{border-radius:var(--radius-card);resize:vertical;height:auto;min-height:120px;padding:12px 20px}.field__error{font-size:var(--text-label);color:var(--color-danger)}.field__help{font-size:var(--text-label);color:var(--color-ink-muted)}.capsule{display:flex}.capsule .input{border-radius:var(--radius-pill) 0 0 var(--radius-pill);border-right:0}.capsule .btn{border-radius:0 var(--radius-pill) var(--radius-pill) 0}.card{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-5)}.card--white{background:var(--color-white);border:var(--border-hair)}.card--selected{border:var(--border-strong)}.card--flush{padding:0;overflow:hidden}.card__title{font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm)}.badge{border-radius:var(--radius-pill);height:22px;font-size:var(--text-label);font-weight:var(--weight-medium);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;line-height:1;display:inline-flex}.badge--neutral{background:var(--color-surface-strong);color:var(--color-ink)}.badge--success{background:var(--color-success);color:var(--color-white)}.badge--info{background:var(--color-info);color:var(--color-white)}.badge--warning{background:var(--color-warning);color:var(--color-ink)}.badge--caution{background:var(--color-caution);color:var(--color-ink)}.badge--danger{background:var(--color-caution);color:var(--color-danger)}.badge--accent{background:var(--color-accent-soft);color:var(--color-accent-deep)}.dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.dot--breathe{animation:1.6s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.sync-pill{border-radius:var(--radius-pill);background:var(--color-canvas);border:var(--border-hair);height:32px;font-size:var(--text-label);font-weight:var(--weight-medium);color:var(--color-ink);align-items:center;gap:8px;padding:0 12px 0 10px;display:inline-flex}.sync-pill .dot{color:var(--color-ink-muted)}.sync-pill--synced .dot{color:var(--color-success)}.sync-pill--syncing .dot{color:var(--color-accent)}.sync-pill--error .dot{color:var(--color-danger)}.sync-pill--compact{justify-content:center;width:32px;padding:0}.inverted{background:var(--color-accent-deep);color:var(--color-paper);border-radius:var(--radius-card);padding:var(--space-6)}.inverted h1,.inverted h2{color:var(--color-paper);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight)}.inverted .muted{color:var(--color-fog)}.inverted a{color:var(--color-paper)}.inverted hr{border:0;border-top:var(--border-on-dark);margin:var(--space-4) 0}.topbar{align-items:center;gap:var(--space-3);height:var(--topbar-height);padding:0 var(--content-padding-phone);padding-top:env(safe-area-inset-top);box-sizing:content-box;display:flex}.topbar__title{font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:var(--text-heading-sm);letter-spacing:var(--tracking-heading-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar__title--plain{font-family:var(--font-ui);font-weight:var(--weight-medium);font-size:var(--text-subheading);letter-spacing:var(--tracking-subheading)}.overlay{z-index:100;animation:fade var(--duration-base) var(--ease-standard);background:#130e3066;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.overlay--center{padding:var(--space-4);align-items:center}.sheet{background:var(--color-surface);border-radius:var(--radius-card) var(--radius-card) 0 0;width:100%;max-height:92vh;padding:var(--space-3) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));animation:slide-up var(--duration-slow) var(--ease-standard);overflow:auto}.sheet__handle{width:36px;height:4px;margin:0 auto var(--space-4);background:#5f5c6e66;border-radius:2px}.dialog{background:var(--color-surface);border-radius:var(--radius-card);width:100%;max-width:480px;padding:var(--space-5);animation:fade var(--duration-base) var(--ease-standard)}.dialog--caution{background:var(--color-caution)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.toast-host{left:0;right:0;bottom:calc(var(--bottomnav-height) + env(safe-area-inset-bottom) + var(--space-3));align-items:center;gap:var(--space-2);pointer-events:none;z-index:200;flex-direction:column;display:flex;position:fixed}.toast-host--desktop{left:auto;right:var(--space-5);bottom:var(--space-5);align-items:flex-end}.toast{pointer-events:auto;background:var(--color-ink);color:var(--color-white);border-radius:var(--radius-pill);font-size:var(--text-body-sm);animation:fade var(--duration-base) var(--ease-standard);align-items:center;gap:10px;max-width:min(92vw,480px);padding:10px 16px;display:inline-flex}.toast--success .dot{color:var(--color-success)}.toast--error .dot{color:var(--color-danger)}.banner{background:var(--color-warning);color:var(--color-ink);padding:8px var(--content-padding-phone);font-size:var(--text-body-sm);text-align:center}.avatar{background:var(--color-surface-strong);color:var(--color-ink);font-weight:var(--weight-medium);font-size:var(--text-label);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.skeleton{background:var(--color-surface-strong);border-radius:var(--radius-row);animation:1.2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.list{background:var(--color-white);border-radius:var(--radius-card);flex-direction:column;display:flex;overflow:hidden}.list__row{align-items:center;gap:var(--space-3);min-height:var(--row-height-comfortable);padding:8px var(--space-4);border-top:var(--border-hair);text-align:left;width:100%;color:inherit;background:0 0;border-bottom:0;border-left:0;border-right:0;display:flex}.list__row:first-child{border-top:0}.list__row:hover{background:var(--color-surface-strong)}.list__row--selected{background:var(--color-canvas)}[data-input=pointer] .list__row{min-height:var(--row-height-compact)}.blobs{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.blobs svg{position:absolute}.shell{min-height:100%;display:grid}.shell--desktop{grid-template-columns:var(--sidebar-width) 1fr}.shell--desktop.shell--collapsed,.shell--tablet{grid-template-columns:var(--sidebar-width-collapsed) 1fr}.shell--tablet.shell--expanded{grid-template-columns:var(--sidebar-width) 1fr}.shell--phone{grid-template-rows:1fr auto}.content{padding:0 var(--content-padding-desktop) var(--section-gap);max-width:var(--page-max-width);width:100%;margin:0 auto}.shell--tablet .content{padding-left:var(--content-padding-tablet);padding-right:var(--content-padding-tablet)}.shell--phone .content{padding:0 var(--content-padding-phone) calc(var(--space-6) + var(--bottomnav-height) + env(safe-area-inset-bottom))}.sidebar{background:var(--color-surface);padding:var(--space-4) var(--space-3);gap:var(--space-2);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar__brand{font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:var(--text-heading-sm);letter-spacing:var(--tracking-heading-sm);align-items:center;gap:10px;padding:6px 10px;display:flex}.sidebar__nav{margin-top:var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex;overflow:auto}.nav-item{border-radius:var(--radius-pill);height:40px;color:var(--color-ink);font-weight:var(--weight-medium);font-size:var(--text-body-sm);background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:0 12px;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--color-surface-strong);color:var(--color-ink)}.nav-item.active{background:var(--color-canvas)}.nav-item.active:before{content:"";background:var(--color-accent);border-radius:50%;width:4px;height:4px;position:absolute;left:4px}.sidebar--collapsed .nav-item{justify-content:center;padding:0}.sidebar--collapsed .nav-item span,.sidebar--collapsed .sidebar__brand span{display:none}.sidebar__footer{gap:var(--space-2);padding-top:var(--space-2);border-top:var(--border-hair);flex-direction:column;display:flex}.ws-pill{border-radius:var(--radius-pill);background:var(--color-canvas);border:var(--border-hair);height:40px;font-weight:var(--weight-medium);font-size:var(--text-body-sm);text-align:left;align-items:center;gap:8px;width:100%;padding:0 12px;display:flex}.ws-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bottomnav{background:var(--color-surface);height:calc(var(--bottomnav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:50;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav__item{font-size:var(--text-caption);letter-spacing:var(--tracking-caption);color:var(--color-ink-muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex;position:relative}.bottomnav__item.active{color:var(--color-ink)}.bottomnav__item.active:after{content:"";background:var(--color-accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.auth{min-height:100vh;padding:var(--space-5);place-items:center;display:grid;position:relative;overflow:hidden}.auth__card{z-index:1;background:var(--color-white);border-radius:var(--radius-card);width:100%;max-width:420px;padding:var(--space-6);border:var(--border-hair);position:relative}.auth__brand{font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:var(--text-heading-lg);letter-spacing:var(--tracking-heading-lg);line-height:var(--leading-heading-lg);margin-bottom:var(--space-2)}.page-title{margin:var(--space-4) 0 var(--space-5)}.kv{gap:6px var(--space-3);font-size:var(--text-body-sm);grid-template-columns:140px 1fr;display:grid}.kv dt{color:var(--color-ink-muted)}.kv dd{overflow-wrap:anywhere;margin:0}.grid-2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.more-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}