:root{--paper-0:#fffbf5;--paper-50:#fef6ea;--paper-100:#fbefe1;--paper-200:#f4e2cf;--paper-300:#ead4b8;--umber-400:#c9b394;--umber-500:#94826a;--umber-600:#7d6d58;--umber-700:#6b6152;--umber-800:#4f473c;--ink-50:#eef2f7;--ink-100:#dde5ef;--ink-200:#b9c7d9;--ink-300:#8ea3bd;--ink-500:#4a6586;--ink-600:#2a4a72;--ink-700:#1b3658;--ink-800:#142a45;--ink-900:#0f1e33;--vermilion-100:#fde3dc;--vermilion-200:#f9b9a9;--vermilion-500:#f25c3f;--vermilion-600:#d54426;--vermilion-700:#bf3a1f;--vermilion-800:#9c2f18;--sun-100:#fdf1cc;--sun-200:#fbefc7;--sun-400:#f4c336;--sun-600:#d9a522;--sun-800:#7a5608;--sage-100:#e3ead9;--sage-400:#6e8e5a;--sage-600:#4f6b3f;--sage-700:#3e5631;--crimson-100:#fbe3df;--crimson-600:#b3261e;--crimson-700:#8f1d17;--plum-500:#8b4a78;--sky-300:#7eb3d0;--font-display:var(--font-bricolage,"Bricolage Grotesque"), ui-sans-serif, system-ui, sans-serif;--font-ui:var(--font-mona,"Mona Sans"), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-code:var(--font-jetbrains,"JetBrains Mono"), ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-4xl:3.052rem;--text-5xl:3.815rem;--text-display:clamp(2.75rem, 1.6rem + 4.6vw, 5.5rem);--leading-tight:1.08;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.025em;--tracking-snug:-.012em;--tracking-wide:.06em;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:999px;--duration-instant:80ms;--duration-fast:.14s;--duration-base:.2s;--duration-slow:.32s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized:cubic-bezier(.3, 0, 0, 1.15);--ease-exit:cubic-bezier(.4, 0, 1, 1);--z-base:0;--z-raised:1;--z-sticky:100;--z-header:200;--z-drawer:300;--z-dropdown:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--z-skip-link:800;--color-bg:var(--paper-100);--color-bg-subtle:#f8e9d8;--color-surface:var(--paper-50);--color-surface-raised:var(--paper-0);--color-surface-sunken:var(--paper-200);--color-surface-hover:#1b36580d;--color-surface-active:#1b365817;--color-overlay:#0f1e3373;--color-text:var(--ink-700);--color-text-soft:var(--ink-500);--color-text-muted:var(--umber-700);--color-text-inverse:var(--paper-100);--color-text-inverse-muted:var(--ink-200);--color-heading:var(--ink-700);--color-border:#e2cfb4;--color-border-subtle:#ecdcc6;--color-border-strong:var(--umber-500);--color-border-inverse:#fbefe12e;--color-action:var(--vermilion-700);--color-action-hover:var(--vermilion-800);--color-action-text:var(--paper-50);--color-action-secondary:var(--ink-700);--color-action-secondary-hover:var(--ink-800);--color-link:var(--vermilion-700);--color-link-hover:var(--vermilion-800);--color-accent:var(--vermilion-500);--color-accent-soft:var(--vermilion-100);--color-highlight:var(--sun-400);--color-highlight-soft:var(--sun-100);--color-inverse-accent:var(--sun-400);--color-success:var(--sage-600);--color-success-soft:var(--sage-100);--color-success-text:var(--sage-700);--color-warning:var(--sun-600);--color-warning-soft:var(--sun-200);--color-warning-text:var(--sun-800);--color-danger:var(--crimson-600);--color-danger-hover:var(--crimson-700);--color-danger-soft:var(--crimson-100);--color-danger-text:var(--crimson-700);--color-info-soft:#e3e9f2;--color-info-text:var(--ink-700);--color-inverse-bg:var(--ink-700);--color-inverse-surface:var(--ink-800);--focus-ring-color:var(--ink-700);--focus-halo-color:#f4c336bf;--focus-ring:0 0 0 2px var(--focus-ring-color), 0 0 0 6px var(--focus-halo-color);--shadow-1:0 1px 2px #1b36580f, 0 2px 6px -2px #1b365814;--shadow-2:0 2px 4px #1b36580d, 0 12px 24px -8px #1b36582e;--shadow-3:0 8px 16px -8px #1b365829, 0 28px 56px -16px #1b365852;--shadow-press:4px 4px 0 var(--ink-700);--shadow-press-accent:4px 4px 0 var(--vermilion-500);--control-height-sm:32px;--control-height-md:40px;--control-height-lg:48px;--control-radius:var(--radius-md);--control-bg:var(--color-surface-raised);--control-border:var(--color-border-strong);--control-border-hover:var(--umber-600);--control-placeholder:var(--umber-600);--card-bg:var(--color-surface-raised);--card-border:var(--color-border);--card-radius:var(--radius-lg);--card-padding:var(--space-6);--shell-nav-width:248px;--shell-rail-width:68px;--shell-topbar-height:56px;--shell-bg:var(--color-bg-subtle);--page-max-width:1200px;--page-gutter:clamp(16px, 4vw, 40px);--prose-width:68ch;--paper:var(--paper-100);--paper-2:var(--paper-200);--paper-3:var(--paper-300);--cream:var(--paper-50);--ink:var(--ink-700);--ink-2:var(--ink-600);--ink-soft:var(--ink-500);--red:var(--vermilion-700);--red-deep:var(--vermilion-800);--yellow:var(--sun-400);--yellow-deep:var(--sun-600);--sage:var(--sage-600);--plum:var(--plum-500);--sky:var(--sky-300);--mute-1:var(--umber-700);--mute-2:var(--umber-400);--line-1:var(--color-border);--line-2:var(--umber-400);--display:var(--font-display);--sans:var(--font-ui);--mono:var(--font-code);--hand:var(--font-display);--press-shadow:var(--shadow-press);--press-shadow-sm:2px 2px 0 var(--ink-700)}@media (prefers-reduced-motion:reduce){:root{--duration-instant:.01ms;--duration-fast:.01ms;--duration-base:.01ms;--duration-slow:.01ms}}:root:lang(ja){--font-cjk:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", "Noto Sans CJK JP", sans-serif}:root:lang(zh){--font-cjk:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif}:root:is(:lang(ja),:lang(zh)){--font-display:var(--font-bricolage,"Bricolage Grotesque"), var(--font-cjk);--font-ui:var(--font-mona,"Mona Sans"), var(--font-cjk);line-break:strict;word-break:auto-phrase}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-padding-top:var(--space-16)}html,body{min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body:has([data-sticky-actions=bar]){--toast-lift:76px}@media (max-width:640px){body:has([data-sticky-actions=phone]){--toast-lift:156px}}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-family:var(--font-display);font-optical-sizing:auto;font-weight:700;line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}a{color:inherit;text-decoration:none}img,svg,video,canvas,iframe{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}code,kbd,pre,samp{font-family:var(--font-code)}hr{border:0;border-top:1px solid var(--color-border);margin:0}:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:0;box-shadow:0 0 0 6px var(--focus-halo-color)}::selection{background:var(--color-highlight);color:var(--ink-700)}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.prose-link{color:var(--color-link);text-underline-offset:.18em;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.prose-link:hover{color:var(--color-link-hover);text-decoration-thickness:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.at-display{font-family:var(--font-display);letter-spacing:var(--tracking-tight);font-weight:700;font-stretch:92%;line-height:var(--leading-tight)}.at-hand{font-family:var(--font-display);font-style:italic;font-weight:500}.at-eyebrow{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.italic-accent{color:var(--color-link);font-style:italic;font-weight:500}.at-mis{display:inline-block;position:relative}.at-mis-shadow{color:var(--color-accent);z-index:0;pointer-events:none;position:absolute;top:0;left:0}.at-mis-front{z-index:1;position:relative}.at-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height-md);padding:0 var(--space-4);border:1px solid var(--ink-700);border-radius:var(--control-radius);background:var(--ink-700);color:var(--paper-50);font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.at-btn:hover{background:var(--ink-800);border-color:var(--ink-800)}.at-btn:active:not(:disabled){transform:translateY(1px)}.at-btn:disabled{opacity:.5;cursor:not-allowed}.at-btn-red{background:var(--color-action);border-color:var(--color-action);color:var(--color-action-text)}.at-btn-red:hover{background:var(--color-action-hover);border-color:var(--color-action-hover)}.at-btn-yellow{background:var(--sun-400);border-color:var(--sun-600);color:var(--ink-800)}.at-btn-yellow:hover{border-color:var(--sun-600);background:#f0b91f}.at-btn-ghost{background:var(--color-surface-raised);border-color:var(--color-border-strong);color:var(--color-text)}.at-btn-ghost:hover{background:var(--paper-50);border-color:var(--umber-600);color:var(--color-text)}.at-btn-bare{color:var(--color-text);background:0 0;border-color:#0000}.at-btn-bare:hover{background:var(--color-surface-hover);border-color:#0000}.at-btn-sm{min-height:var(--control-height-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm)}.at-btn-lg{min-height:var(--control-height-lg);padding:0 var(--space-6);font-size:var(--text-md)}.icon-button{width:var(--control-height-md);height:var(--control-height-md);border-radius:var(--control-radius);color:var(--color-text-soft);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.button-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.compact-actions{margin-top:var(--space-3)}.at-sticker{border-radius:var(--radius-full);background:var(--sun-100);min-height:24px;color:var(--ink-800);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.02em;overflow-wrap:anywhere;align-self:flex-start;align-items:center;gap:6px;max-width:100%;padding:0 10px;font-weight:600;display:inline-flex}.at-sticker-red{background:var(--vermilion-100);color:var(--vermilion-800)}.at-sticker-ink{background:var(--ink-700);color:var(--paper-50)}.at-sticker-sage{background:var(--color-success-soft);color:var(--color-success-text)}.at-sticker-paper{background:var(--color-surface-sunken);color:var(--color-text)}.at-tag,.badge{border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface-raised);min-height:22px;color:var(--color-text);font-family:var(--font-code);font-size:var(--text-xs);letter-spacing:.02em;overflow-wrap:anywhere;align-items:center;gap:5px;max-width:100%;padding:0 8px;font-weight:500;display:inline-flex}.at-input{width:100%;color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-md);background:0 0;border:0}.at-input::placeholder{color:var(--control-placeholder)}.field{width:100%;min-height:var(--control-height-md);padding:.55rem var(--space-3);border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--control-bg);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-md);transition:border-color var(--duration-fast) var(--ease-standard)}.field:hover{border-color:var(--control-border-hover)}.field::placeholder{color:var(--control-placeholder)}select.field{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-700) 50%), linear-gradient(135deg, var(--ink-700) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:34px}textarea.field,.textarea{resize:vertical;min-height:8rem;line-height:1.5}label:not([class]){gap:.4rem;display:grid}label:not([class])>span:first-child,label>.at-eyebrow{color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:0;text-transform:none;font-weight:600}.form-message{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger-text);font-family:var(--font-ui);font-size:var(--text-sm);border:1px solid #f2bdb5;line-height:1.45}.at-range,input[type=range].at-range{appearance:none;border-radius:var(--radius-full);background:var(--paper-300);width:100%;height:6px}.at-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--paper-0);background:var(--color-action);width:20px;height:20px;box-shadow:0 0 0 1px var(--color-action);cursor:pointer;border-radius:50%}.at-range::-moz-range-thumb{border:2px solid var(--paper-0);background:var(--color-action);cursor:pointer;border-radius:50%;width:20px;height:20px}.at-rule-header{align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);display:flex}.at-rule-header .at-rule-title{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:var(--tracking-snug);font-weight:700}.at-rule-header .at-rule-line{background:var(--color-border);flex:1;height:1px}.at-rule-header .at-rule-right{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600}.at-scroll::-webkit-scrollbar{width:10px;height:10px}.at-scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--umber-400) padding-box;border:3px solid #0000}
.app-page{width:100%;max-width:1320px;padding:var(--space-8) var(--page-gutter) var(--space-16);margin-inline:auto;position:relative}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-8);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.page-header h1{font-family:var(--font-display);font-size:clamp(var(--text-2xl), 1.4rem + 1.4vw, var(--text-3xl));letter-spacing:var(--tracking-tight);font-weight:700;font-stretch:92%;line-height:var(--leading-tight);margin:0}.page-header p{margin:var(--space-2) 0 0;color:var(--color-text-soft);font-size:var(--text-md)}.card{padding:var(--space-5) var(--space-6);border:1px solid var(--card-border);border-radius:var(--card-radius);background:var(--card-bg);position:relative}.card h2,.card h3{margin:0 0 var(--space-2);font-family:var(--font-display);letter-spacing:var(--tracking-snug);font-weight:700}.card p{margin:0 0 var(--space-3);color:var(--color-text-soft);line-height:var(--leading-normal)}.card a{color:var(--color-text)}.page-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));display:grid}.page-grid>.card{gap:var(--space-2);flex-direction:column;display:flex}.version-list{gap:var(--space-3);flex-direction:column;margin:0;padding-left:1.1rem;list-style:outside;display:flex}.version-list li{padding-left:var(--space-1)}.version-list li>strong{font-family:var(--font-display);margin-bottom:2px;font-size:.95rem;display:block}.version-list li span{color:var(--color-text-muted);font-size:var(--text-xs);overflow-wrap:anywhere;display:block}.version-list li p{margin:var(--space-1) 0;font-size:.95rem}.trace-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.trace-list li{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);flex-direction:column;display:flex}.trace-list li>div{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.trace-list span{color:var(--color-text-muted);font-family:var(--font-code);font-size:var(--text-xs);overflow-wrap:anywhere}.trace-json{max-width:100%;max-height:22rem;padding:var(--space-3);border-radius:var(--radius-md);background:var(--ink-800);color:var(--paper-50);font-family:var(--font-code);margin:0;font-size:.78rem;line-height:1.45;overflow:auto}