:root{--gr-accent:#e4b912;--gr-bg:#1d1d1d;--gr-surface:#252525;--gr-text:#fff;--gr-muted:#c0b68a;--gr-border:#3b341b;--gr-success:#0c6e3c;--gr-danger:#e05252;--gr-font-display:"Odor Mean Chey", var(--gr-font-body);--gr-font-body:"Alata", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gr-radius:10px;--gr-gold:var(--gr-accent);--gr-gold-light:color-mix(in srgb, var(--gr-accent), white 50%);--gr-gold-dark:color-mix(in srgb, var(--gr-accent), black 20%);--gr-gold-alpha-10:color-mix(in srgb, var(--gr-accent) 10%, transparent);--gr-gold-alpha-15:color-mix(in srgb, var(--gr-accent) 15%, transparent);--gr-gold-alpha-30:color-mix(in srgb, var(--gr-accent) 30%, transparent);--gr-green:var(--gr-success);--gr-green-dark:color-mix(in srgb, var(--gr-success), black 48%);--gr-green-light:oklch(from var(--gr-success) calc(l + .14) calc(c * 1.35) h);--gr-green-alpha-15:color-mix(in srgb, var(--gr-green-light) 15%, transparent);--gr-bg-base:var(--gr-bg);--gr-bg-raised:var(--gr-surface);--gr-bg-card:color-mix(in srgb, var(--gr-surface), white 4%);--gr-bg-card-hover:color-mix(in srgb, var(--gr-surface), white 8%);--gr-bg-overlay:#000000b8;--gr-surface-low:color-mix(in srgb, var(--gr-surface), white 10%);--gr-surface-mid:color-mix(in srgb, var(--gr-surface), white 16%);--gr-surface-high:color-mix(in srgb, var(--gr-surface), white 24%);--gr-text-primary:var(--gr-text);--gr-text-secondary:color-mix(in srgb, var(--gr-text), var(--gr-accent) 17%);--gr-text-muted:var(--gr-muted);--gr-text-disabled:color-mix(in srgb, var(--gr-muted), var(--gr-bg) 43%);--gr-text-on-gold:var(--gr-bg);--gr-status-error:var(--gr-danger);--gr-status-error-light:color-mix(in srgb, var(--gr-danger), white 50%);--gr-border-strong:color-mix(in srgb, var(--gr-border), var(--gr-accent) 24%);--gr-border-subtle:color-mix(in srgb, var(--gr-text) 8%, transparent);--gr-shadow-sm:0 2px 8px #0006;--gr-shadow-md:0 4px 24px #00000080;--gr-shadow-lg:0 8px 40px #000000a6;--gr-shadow-gold:0 0 0 2px color-mix(in srgb, var(--gr-accent) 35%, transparent);--gr-glow-gold:0 0 48px color-mix(in srgb, var(--gr-accent) 28%, transparent);--gr-glow-green:0 0 48px color-mix(in srgb, var(--gr-green-light) 22%, transparent);--gr-radius-sm:calc(var(--gr-radius) * .6);--gr-radius-md:var(--gr-radius);--gr-radius-lg:calc(var(--gr-radius) * 1.6);--gr-radius-xl:calc(var(--gr-radius) * 2.4);--gr-radius-pill:999px;--gr-space-1:4px;--gr-space-2:8px;--gr-space-3:12px;--gr-space-4:16px;--gr-space-5:20px;--gr-space-6:24px;--gr-space-8:32px;--gr-space-10:40px;--gr-space-12:48px;--gr-space-16:64px;--gr-space-24:96px;--gr-font-primary:var(--gr-font-body);--gr-font-decorative:var(--gr-font-display);--gr-text-xs:.75rem;--gr-text-sm:.875rem;--gr-text-base:1rem;--gr-text-lg:1.125rem;--gr-text-xl:1.25rem;--gr-text-2xl:1.5rem;--gr-text-3xl:1.875rem;--gr-display-sm:clamp(1.5rem, 1.1rem + 2vw, 2.25rem);--gr-display-md:clamp(2rem, 1.4rem + 3vw, 3.25rem);--gr-gradient-gold-soft:linear-gradient(135deg, var(--gr-gold-light) 0%, var(--gr-accent) 55%, var(--gr-gold-dark) 100%);--gr-gradient-text:linear-gradient(180deg, color-mix(in srgb, var(--gr-accent), white 60%) 0%, var(--gr-accent) 60%, var(--gr-gold-dark) 100%);--gr-gradient-green:linear-gradient(180deg, var(--gr-success) 0%, var(--gr-green-dark) 100%);--gr-container:1180px;--gr-container-narrow:760px;--gr-container-wide:1320px;--gr-transition:.18s ease;--gr-z-feedback:400;--gr-input-bg:color-mix(in srgb, var(--gr-muted), var(--gr-bg) 50%);--gr-touch-target-min:44px;--gr-chevron:linear-gradient(45deg, transparent calc(50% - 1.4px), var(--gr-text) calc(50% - .8px), var(--gr-text) calc(50% + .8px), transparent calc(50% + 1.4px)), linear-gradient(-45deg, transparent calc(50% - 1.4px), var(--gr-text) calc(50% - .8px), var(--gr-text) calc(50% + .8px), transparent calc(50% + 1.4px));--gr-chevron-gold:linear-gradient(45deg, transparent calc(50% - 1.4px), var(--gr-accent) calc(50% - .8px), var(--gr-accent) calc(50% + .8px), transparent calc(50% + 1.4px)), linear-gradient(-45deg, transparent calc(50% - 1.4px), var(--gr-accent) calc(50% - .8px), var(--gr-accent) calc(50% + .8px), transparent calc(50% + 1.4px));--gr-chevron-muted:linear-gradient(45deg, transparent calc(50% - 1.4px), var(--gr-text-disabled) calc(50% - .8px), var(--gr-text-disabled) calc(50% + .8px), transparent calc(50% + 1.4px)), linear-gradient(-45deg, transparent calc(50% - 1.4px), var(--gr-text-disabled) calc(50% - .8px), var(--gr-text-disabled) calc(50% + .8px), transparent calc(50% + 1.4px))}@font-face{font-family:Alata;src:url(/fonts/alata-latin-ext.woff2)format("woff2");font-display:swap;unicode-range:U+100-2BA,U+1E00-1E9F,U+20A0-20C0}@font-face{font-family:Alata;src:url(/fonts/alata-latin.woff2)format("woff2");font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212}@font-face{font-family:Odor Mean Chey;src:url(/fonts/odormeanchey-latin.woff2)format("woff2");font-display:swap}*,:before,:after{box-sizing:border-box}body{background:var(--gr-bg-base);color:var(--gr-text-primary);font-family:var(--gr-font-primary);font-size:var(--gr-text-base);margin:0;line-height:1.5}h1,h2,h3{text-wrap:balance;margin:0;font-weight:400}p{text-wrap:pretty;margin:0}.gr-btn{justify-content:center;align-items:center;gap:var(--gr-space-2);border-radius:var(--gr-radius-md);min-height:var(--gr-touch-target-min,44px);font:inherit;white-space:normal;text-wrap:balance;cursor:pointer;max-width:100%;transition:transform var(--gr-transition), box-shadow var(--gr-transition), background var(--gr-transition), border-color var(--gr-transition), color var(--gr-transition);border:0;padding:.75rem 1.4rem;font-weight:400;line-height:1.2;display:inline-flex}.gr-btn--lg{font-size:var(--gr-text-lg);padding:.95rem 1.8rem}.gr-btn--sm{min-height:32px;font-size:var(--gr-text-sm);padding:.3rem .9rem}.gr-btn--gold{background:var(--gr-gradient-gold-soft);color:var(--gr-text-on-gold);box-shadow:var(--gr-shadow-sm)}.gr-btn--gold:hover{box-shadow:var(--gr-shadow-md), var(--gr-glow-gold);transform:translateY(-2px)}.gr-btn--green{background:var(--gr-gradient-green);color:var(--gr-text-primary);box-shadow:var(--gr-shadow-sm)}.gr-btn--green:hover{box-shadow:var(--gr-shadow-md), var(--gr-glow-green);transform:translateY(-2px)}.gr-btn--ghost{color:var(--gr-text-primary);border:1px solid var(--gr-border-subtle);background:#ffffff0f}.gr-btn--ghost:hover{background:#ffffff1f;transform:translateY(-2px)}.gr-btn--outline{color:var(--gr-gold);border:1px solid var(--gr-border-strong);background:0 0}.gr-btn--outline:hover{color:var(--gr-gold-light);border-color:var(--gr-gold);background:var(--gr-gold-alpha-10)}.gr-btn:disabled,.gr-btn[aria-disabled=true]{opacity:.6;cursor:progress;pointer-events:none}.gr-btn:focus-visible{box-shadow:var(--gr-shadow-gold);outline:0}.gr-card{background:var(--gr-bg-card);border:1px solid var(--gr-border-subtle);border-radius:var(--gr-radius-lg);padding:var(--gr-space-6);box-shadow:var(--gr-shadow-sm)}.gr-card--accent{background:linear-gradient(180deg, var(--gr-gold-alpha-10), transparent 42%), var(--gr-bg-card);border-color:var(--gr-border)}.gr-input{width:100%;min-height:var(--gr-touch-target-min,44px);padding:var(--gr-space-3) var(--gr-space-4);background:var(--gr-input-bg);color:var(--gr-text-primary);border-radius:var(--gr-radius-md);font:inherit;border:1px solid #0000}.gr-input::placeholder{color:var(--gr-text-secondary);opacity:.7}.gr-input:focus{box-shadow:var(--gr-shadow-gold);outline:0}.gr-input:disabled{color:var(--gr-text-secondary);border-color:var(--gr-border-subtle);cursor:default;background:0 0}.gr-input--error{border-color:var(--gr-status-error)}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gr-btn--danger{background:var(--gr-status-error);color:var(--gr-text-primary)}.gr-btn--danger:hover{box-shadow:var(--gr-shadow-md)}select.gr-input{appearance:none;padding-right:calc(var(--gr-space-4) + 20px + var(--gr-space-2));background-image:var(--gr-chevron);background-repeat:no-repeat;background-position:right calc(var(--gr-space-4) + 10px) center, right calc(var(--gr-space-4) + 5px) center;cursor:pointer;background-size:5px 5px}select.gr-input:focus{background-image:var(--gr-chevron-gold)}select.gr-input:disabled{background-image:var(--gr-chevron-muted)}.gr-label{margin-bottom:var(--gr-space-2);color:var(--gr-text-secondary);font-size:var(--gr-text-sm);display:block}@media (prefers-reduced-motion:reduce){.gr-btn:hover{transform:none}}:root{--board-bg-base:var(--gr-bg-base);--board-bg-black:#000;--board-bg-grey:var(--gr-surface-high);--board-bg-green:var(--gr-green-dark);--board-bg-paper:#e9e4d2;--board-bg-white:#fff;--board-header-h:60px}html,body,#app{height:100%}body{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.shell{grid-template-columns:232px minmax(0,1fr);height:100%;display:grid}@media (width<=768px){.shell{grid-template-columns:minmax(0,1fr)}}.topbar{align-items:center;gap:var(--gr-space-4);min-width:0;padding:0 var(--gr-space-5);background:var(--gr-bg-raised);border-bottom:1px solid var(--gr-border-subtle);z-index:100;display:flex}.topbar__brand{align-items:center;gap:var(--gr-space-3);display:flex}.topbar__brand img{height:28px}.topbar__nav{gap:var(--gr-space-1);margin-left:var(--gr-space-4);display:flex}.topbar__link{padding:var(--gr-space-2) var(--gr-space-3);border-radius:var(--gr-radius-pill);white-space:nowrap;color:var(--gr-text-muted);transition:color var(--gr-transition), background var(--gr-transition)}.topbar__link:hover{color:var(--gr-text-primary)}.topbar__link.router-link-active{color:var(--gr-gold);background:var(--gr-gold-alpha-10)}.topbar__spacer{flex:1}.topbar__tools{align-items:center;gap:var(--gr-space-2);flex:none;display:flex}.topbar__journey{align-items:baseline;gap:var(--gr-space-2);min-width:0;display:flex}.topbar__journey b{color:var(--gr-gold);flex:none;font-weight:400}.topbar__journey span{min-width:0;color:var(--gr-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.save-state{color:var(--gr-text-muted);font-size:var(--gr-text-sm);text-align:right;min-width:5.5rem}.save-state--failed{color:var(--gr-status-error)}.icon-btn{border:1px solid var(--gr-border-subtle);border-radius:var(--gr-radius-md);width:36px;height:36px;color:var(--gr-text-secondary);cursor:pointer;transition:border-color var(--gr-transition), color var(--gr-transition), background var(--gr-transition);background:0 0;place-items:center;display:inline-grid}.icon-btn:hover{border-color:var(--gr-border-strong);color:var(--gr-gold)}.icon-btn[aria-pressed=true]{background:var(--gr-gold-alpha-15);border-color:var(--gr-gold);color:var(--gr-gold)}.icon-btn:focus-visible{box-shadow:var(--gr-shadow-gold);outline:0}.seg{background:var(--gr-bg-base);border:1px solid var(--gr-border-subtle);border-radius:var(--gr-radius-pill);gap:2px;padding:3px;display:inline-flex}.seg button{padding:var(--gr-space-1) var(--gr-space-4);border-radius:var(--gr-radius-pill);color:var(--gr-text-muted);cursor:pointer;font-size:var(--gr-text-sm);background:0 0;border:0}.seg button[aria-pressed=true]{background:var(--gr-gold);color:var(--gr-text-on-gold)}.seg button:disabled{color:var(--gr-text-disabled);cursor:default}.corner{left:var(--gr-space-4);bottom:var(--gr-space-4);z-index:10;align-items:flex-start;gap:var(--gr-space-2);flex-direction:column;transition:left .34s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute}.corner--beside-rail{left:calc(260px + var(--gr-space-4))}@media (width>=1600px){.corner{align-items:center;left:50%;translate:-50%}.corner--beside-rail{left:calc(50% + 130px)}}.corner .bar{align-items:center;gap:var(--gr-space-2);padding:var(--gr-space-2);background:var(--gr-bg-card);border:1px solid var(--gr-border-strong);border-radius:var(--gr-radius-lg);box-shadow:var(--gr-shadow-md), 0 0 0 3px var(--gr-gold-alpha-10);cursor:default;display:flex}.corner .bar>span{text-align:center;min-width:3.2rem;color:var(--gr-text-primary);font-size:var(--gr-text-sm)}.corner .bar>span.bar__split{background:var(--gr-border-strong);align-self:stretch;width:1px;min-width:0}@media (width<=600px){.corner .bar{gap:var(--gr-space-1);padding:6px}.corner .bar>span{min-width:2.8rem}}.gr-btn.gr-btn--field{min-height:var(--gr-touch-target-min,44px);flex:none;padding-block:0}.dd{display:inline-flex;position:relative}.dd__btn{align-items:center;gap:var(--gr-space-1);height:36px;padding:0 var(--gr-space-2);border:1px solid var(--gr-border-subtle);border-radius:var(--gr-radius-md);color:var(--gr-text-secondary);font-size:var(--gr-text-sm);white-space:nowrap;cursor:pointer;background:0 0;display:inline-flex}.dd__btn:hover:not(:disabled){border-color:var(--gr-border-strong);color:var(--gr-gold)}.dd__btn[aria-expanded=true]{border-color:var(--gr-gold)}.dd__btn:disabled{color:var(--gr-text-disabled);cursor:default}.dd__btn:focus-visible{box-shadow:var(--gr-shadow-gold);outline:0}.dd__menu{top:calc(100% + var(--gr-space-1));z-index:1100;min-width:220px;max-height:70vh;padding:var(--gr-space-1);background:var(--gr-bg-card);border:1px solid var(--gr-border);border-radius:var(--gr-radius-md);box-shadow:var(--gr-shadow-lg);margin:0;list-style:none;position:absolute;right:0;overflow:auto}.dd__menu>li>button{width:100%;padding:var(--gr-space-2) var(--gr-space-3);border-radius:var(--gr-radius-sm);color:var(--gr-text-primary);font-size:var(--gr-text-sm);text-align:left;cursor:pointer;background:0 0;border:0}.dd__menu>li>button:hover,.dd__menu>li>button:focus-visible{background:var(--gr-gold-alpha-15);outline:0}.dd__menu [aria-selected=true]>button{background:var(--gr-gold-alpha-10);box-shadow:inset 2px 0 0 var(--gr-gold)}.scroll{height:100%;overflow:auto}.pin{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;touch-action:none}.pin img{pointer-events:none;-webkit-user-drag:none}.pin{border:2px solid var(--gr-bg-base);background:var(--gr-gold);width:28px;height:28px;color:var(--gr-text-on-gold);font-size:var(--gr-text-xs);cursor:pointer;box-shadow:var(--gr-shadow-sm);border-radius:50% 50% 50% 0;margin:-28px 0 0;padding:0;position:absolute}.pin--designed{background:var(--gr-green-light);color:var(--gr-text-primary)}.pin--implemented{background:var(--gr-surface-high);color:var(--gr-text-secondary)}.pin--archived{background:var(--gr-surface-low);color:var(--gr-text-disabled);opacity:.6}.pin--active{box-shadow:var(--gr-shadow-gold), var(--gr-shadow-md)}.pin:active,.pin--dragging{cursor:grabbing}.pin--dragging{z-index:10;box-shadow:var(--gr-shadow-md)}.pin__img{border-radius:inherit;object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}