@keyframes sidebar-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes sidebar-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}.sidebar-layer[hidden]{display:none!important}.sidebar-layer{position:fixed;inset:0;z-index:1000;height:100dvh;overflow:hidden;overscroll-behavior:none}.sidebar-overlay{position:absolute;inset:0;background:var(--sidebar-scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;cursor:pointer;touch-action:none;transition:opacity var(--sidebar-duration) var(--sidebar-ease)}.sidebar-drawer,.hub-drag-ghost{--drawer-ink:#ffffff;--drawer-ink-soft:var(--color-brand-mist);--drawer-ink-muted:color-mix(in srgb,var(--color-brand-mist) 68%,transparent);--drawer-line:color-mix(in srgb,var(--color-white) 16%,transparent);--drawer-line-strong:color-mix(in srgb,var(--color-white) 28%,transparent);--drawer-frost:linear-gradient(145deg,color-mix(in srgb,var(--color-white) 12%,transparent),color-mix(in srgb,var(--color-white) 5%,transparent));--drawer-frost-raised:linear-gradient(145deg,color-mix(in srgb,var(--color-white) 18%,transparent),color-mix(in srgb,var(--color-white) 9%,transparent));--drawer-inset:inset 0 1px color-mix(in srgb,var(--color-white) 8%,transparent);--drawer-pink:var(--color-brand-pink);--drawer-band:var(--drawer-frost),radial-gradient(circle at 86% -40%,color-mix(in srgb,var(--color-brand-navy) 55%,transparent),transparent 22rem),radial-gradient(circle at 0% 140%,color-mix(in srgb,var(--color-brand-magenta) 22%,transparent),transparent 18rem),linear-gradient(126deg,var(--color-brand-deep) 0%,var(--color-brand-navy-deep) 54%,var(--color-brand-deep-alt) 100%);--drawer-radius:0.8rem;--board-ground:linear-gradient(180deg,#f8f9fc 0%,#f1f3f8 100%);--board-ink:var(--color-text);--board-ink-soft:var(--color-text-secondary);--board-ink-muted:var(--color-text-tertiary);--board-line:var(--color-line);--board-line-strong:var(--color-line-strong);--board-surface:#ffffff;--board-surface-raised:#fbfbfd;--board-accent:var(--color-brand-magenta);--board-accent-soft:color-mix(in srgb,var(--color-brand-magenta) 9%,transparent);--board-shadow:0 1px 2px rgba(2,21,55,0.05),0 8px 24px rgba(2,21,55,0.07)}.sidebar-drawer{--sidebar-gutter:clamp(1rem,3vw,1.5rem);position:absolute;top:0;right:0;width:var(--sidebar-width);max-width:100%;height:100%;padding:0;overflow:hidden;overscroll-behavior:contain;isolation:isolate;background:var(--board-ground);box-shadow:-1.5rem 0 4rem rgba(2,21,55,0.35);color:var(--board-ink);transform:translate3d(calc(100% + 2rem),0,0);transition:transform var(--sidebar-duration) var(--sidebar-ease);will-change:transform;text-align:left;outline:none}.sidebar-drawer::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(color-mix(in srgb,var(--color-brand-navy) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-brand-navy) 5%,transparent) 1px,transparent 1px);background-size:3rem 3rem;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,#000 20%,transparent 85%);mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,#000 20%,transparent 85%);opacity:0;pointer-events:none;transition:opacity 400ms var(--ease-standard)}.sidebar-drawer.is-editing::before{opacity:0.6}.sidebar-layer[data-open] .sidebar-drawer{transform:translate3d(0,0,0)}.sidebar-layer[data-open] .sidebar-overlay{opacity:1}.sidebar-content{display:flex;flex-direction:column;height:100%;min-height:0}.sidebar-content>:is(.sidebar-header,.hub,.sidebar-footer){padding-left:max(var(--sidebar-gutter),env(safe-area-inset-left));padding-right:max(var(--sidebar-gutter),env(safe-area-inset-right))}.qm-sprite{position:absolute;width:0;height:0;overflow:hidden}.qm-icon{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}:is(.sidebar-header,.sidebar-footer,.hub-catalogue) .button{border:1px solid var(--drawer-line-strong);background:var(--drawer-frost);color:var(--drawer-ink);box-shadow:none}:is(.sidebar-header,.sidebar-footer,.hub-catalogue) .button:hover{background:var(--drawer-frost-raised);color:var(--drawer-ink)}:is(.sidebar-header,.sidebar-footer,.hub-catalogue) .button-primary{border-color:transparent;background:var(--color-brand-magenta)}:is(.sidebar-header,.sidebar-footer,.hub-catalogue) .button-primary:hover{background:color-mix(in srgb,var(--color-brand-magenta) 85%,#ffffff)}:is(.sidebar-header,.sidebar-footer,.hub-catalogue) :is(.button,.icon-button):focus-visible{outline:2px solid var(--drawer-ink);outline-offset:2px;box-shadow:none}.sidebar-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:calc(clamp(1rem,2.5vw,1.25rem) + env(safe-area-inset-top)) var(--sidebar-gutter) 1rem;border-bottom:1px solid var(--drawer-line);background:var(--drawer-band);color:var(--drawer-ink)}.sidebar-heading{flex:1 1 auto;min-width:0}.sidebar-layer[data-open] .sidebar-heading{animation:rise-in 260ms var(--ease-standard) 80ms both}.sidebar-kicker{display:flex;align-items:center;gap:0.5rem;margin:0 0 0.4rem;color:var(--drawer-pink);font-family:var(--font-display);font-size:0.66rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-kicker::before{content:"";flex:none;inline-size:1.1rem;block-size:0.1rem;background:currentColor;transform-origin:left}.sidebar-layer[data-open] .sidebar-kicker::before{animation:sidebar-rule 500ms var(--ease-standard) 320ms both}.sidebar-title{margin:0;padding-bottom:0.06em;font-family:var(--font-display);font-size:clamp(1.45rem,1.2rem + 0.8vw,1.8rem);font-weight:700;letter-spacing:-0.03em;line-height:1.05;overflow-wrap:anywhere;background:linear-gradient(to bottom,#ffffff 0%,var(--color-brand-mist-fade) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.sidebar-company-picker{margin-top:0.5rem;color:var(--drawer-ink-soft);font-size:0.78rem}.sidebar-company-picker summary{cursor:pointer;color:var(--drawer-pink);font-weight:600}.sidebar-company-picker summary:hover{color:var(--drawer-ink)}.sidebar-company-picker form{display:grid;gap:0.5rem;padding-top:0.6rem}.sidebar-company-picker label{color:var(--drawer-ink-soft)}.sidebar-company-picker select{max-width:100%}.sidebar-controls{flex:none;display:flex;align-items:center;gap:0.25rem}.hub-edit-toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--drawer-line-strong);border-radius:50%;background:var(--drawer-frost);color:var(--drawer-ink);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.hub-edit-toggle svg{width:1.1rem;height:1.1rem}.hub-edit-toggle:hover{background:var(--drawer-frost-raised);border-color:var(--drawer-ink-soft)}.hub-edit-toggle[aria-pressed="true"]{border-color:transparent;background:var(--color-brand-magenta);color:#ffffff;box-shadow:0 0.5rem 1.25rem color-mix(in srgb,var(--color-brand-magenta) 45%,transparent)}.hub-edit-toggle:focus-visible{outline:2px solid var(--drawer-ink);outline-offset:2px}.hub-done-icon,.hub-edit-toggle[aria-pressed="true"] .hub-arrange-icon{display:none}.hub-edit-toggle[aria-pressed="true"] .hub-done-icon{display:inline-flex}.hub-arrange-icon{display:inline-flex}.sidebar-close{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin:0;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;appearance:none;touch-action:manipulation;color:var(--drawer-ink);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-slow)}.sidebar-close svg{width:1.4rem;height:1.4rem;overflow:visible}.sidebar-close-stroke{stroke-dasharray:1;stroke-dashoffset:0}.sidebar-layer[data-open] .sidebar-close-stroke{animation:sidebar-draw 300ms var(--ease-standard) 180ms both}.sidebar-layer[data-open] .sidebar-close-stroke:nth-child(2){animation-delay:300ms}.sidebar-close:focus-visible{outline:2px solid var(--drawer-ink);outline-offset:2px}@media (hover:hover){.sidebar-close:hover{background:var(--drawer-frost-raised);border-color:var(--drawer-line-strong);color:var(--drawer-pink);transform:rotate(90deg)}}.sidebar-close:active{transform:rotate(90deg) scale(0.86);transition-duration:80ms}.sidebar-footer{flex:none;display:flex;align-items:center;gap:0.65rem;padding:0.75rem var(--sidebar-gutter) calc(0.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--drawer-line);background:var(--drawer-band);color:var(--drawer-ink)}.sidebar-footer .avatar{width:2.4rem;height:2.4rem;font-size:0.85rem;box-shadow:0 0 0 2px var(--drawer-line-strong)}.sidebar-identity{flex:1 1 auto;display:grid;gap:0.05rem;min-width:0}.sidebar-identity-name,.sidebar-identity-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-identity-name{font-size:0.92rem;font-weight:700}.sidebar-identity-email{color:var(--drawer-ink-muted);font-size:0.76rem}.sidebar-logout{margin:0}.sidebar-footer .icon-button{color:var(--drawer-ink-soft)}.sidebar-footer .icon-button:hover{background:var(--drawer-frost-raised);color:var(--drawer-ink)}.sidebar-footer a.icon-button:hover{text-decoration:none}.language-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;padding:0.35rem 0.65rem;border:1px solid var(--drawer-line-strong);border-radius:var(--radius-pill);background:transparent;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.language-toggle-btn:hover{background:var(--drawer-frost-raised)}.language-toggle-btn:focus-visible{outline:2px solid var(--drawer-ink);outline-offset:2px}.toggle-label{font-family:var(--font-ui);font-size:0.8rem;font-weight:500;color:var(--drawer-ink-muted);pointer-events:none;user-select:none;transition:color var(--transition-fast)}.toggle-label.active{color:var(--drawer-ink);font-weight:700}.toggle-separator{font-size:0.75rem;color:var(--drawer-line-strong)}.hub{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1rem var(--sidebar-gutter) 1.5rem;scrollbar-width:thin;scrollbar-color:var(--board-line-strong) transparent}.hub-status{position:absolute;left:50%;bottom:4.5rem;z-index:20;display:inline-flex;align-items:center;gap:0.45rem;max-width:calc(100% - 2rem);margin:0;padding:0.5rem 0.9rem;border:1px solid var(--drawer-line-strong);border-radius:var(--radius-pill);background:linear-gradient(145deg,color-mix(in srgb,var(--color-brand-deep-alt) 92%,#ffffff),var(--color-brand-deep));box-shadow:0 0.75rem 2rem rgba(2,21,55,0.3),var(--drawer-inset);color:var(--drawer-ink-soft);font-size:0.82rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,0.5rem);transition:opacity var(--transition-slow),transform var(--transition-slow)}.hub-status:not(:empty){opacity:1;transform:translate(-50%,0)}.hub-status::before{content:"";display:none;width:1.1rem;height:1.1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%2334c759'/%3E%3Cpath d='m7 12.5 3.5 3.5L17 9' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.hub-status[data-state="saved"]{color:var(--drawer-ink)}.hub-status[data-state="saved"]::before{display:block}.hub-status[data-state="error"]{color:#ff9a8f;border-color:color-mix(in srgb,var(--color-danger) 50%,transparent)}.hub-undo{position:absolute;left:50%;bottom:4.5rem;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:0.75rem;width:max-content;max-width:calc(100% - 2rem);margin:0;padding:0.4rem 0.4rem 0.4rem 0.9rem;border:1px solid var(--drawer-line-strong);border-radius:var(--radius-pill);background:linear-gradient(145deg,color-mix(in srgb,var(--color-brand-deep-alt) 92%,#ffffff),var(--color-brand-deep));box-shadow:0 0.75rem 2rem rgba(2,21,55,0.3),var(--drawer-inset);color:var(--drawer-ink);font-size:0.85rem;font-weight:600;transform:translateX(-50%);animation:pop-in 200ms var(--ease-standard)}.hub-undo .button{min-height:2rem;padding:0 0.8rem;border:1px solid var(--drawer-line-strong);border-radius:var(--radius-pill);background:var(--drawer-frost);color:var(--drawer-ink);box-shadow:none;font-size:0.8rem}.hub-undo .button:hover{background:var(--drawer-frost-raised);color:var(--drawer-ink)}.hub-undo .button:focus-visible{outline:2px solid var(--drawer-ink);outline-offset:2px;box-shadow:none}.hub-next[hidden],.hub-undo[hidden],.hub-context-menu[hidden]{display:none}.hub-next{position:relative;margin-bottom:1.1rem;padding:0.8rem 2.8rem 0.85rem 0.95rem;border:1px solid var(--board-line);border-left:3px solid var(--board-accent);border-radius:var(--drawer-radius);background:var(--board-surface);box-shadow:var(--board-shadow)}.hub-next-label{color:var(--board-accent);font-family:var(--font-display);font-size:0.62rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase}.hub-next>a{display:flex;gap:0.45rem;align-items:center;margin-top:0.3rem;color:var(--board-ink);font-family:var(--font-display);font-size:1rem;font-weight:700;text-decoration:none}.hub-next>a:hover{color:var(--board-accent);text-decoration:none}.hub-next p{margin:0.3rem 0 0;color:var(--board-ink-soft);font-size:0.78rem;line-height:1.45}.hub-next [data-suggestion-dismiss]{position:absolute;top:0.35rem;right:0.3rem;min-height:0;padding:0.3rem 0.5rem;font-size:0.7rem}.hub-board{display:flex;flex-direction:column;gap:clamp(1.1rem,3vw,1.5rem)}.hub-section-header{display:flex;align-items:center;gap:0.65rem;margin-bottom:0.6rem}.hub-section-header::after{content:"";flex:1 1 auto;height:1px;background:var(--board-line)}.hub-section-title{flex:none;min-width:0;max-width:100%;margin:0;color:var(--board-accent);font-family:var(--font-display);font-size:0.68rem;font-weight:700;letter-spacing:0.12em;line-height:1.5;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-tool{order:1;display:none;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--board-ink-soft);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.hub.is-editing .hub-tool{display:inline-flex}.hub-tool svg{width:1rem;height:1rem}.hub-tool:hover{background:var(--board-surface);border-color:var(--board-line-strong);color:var(--board-ink)}.hub-tool:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.hub-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:0.6rem}.hub-section[data-style="rows"] .hub-tiles{grid-template-columns:minmax(0,1fr);gap:0.4rem}.hub-tile,.hub-swatch,.hub-catalogue-item{--tile-hue:215;--tile-sat:14%;--tile-color:hsl(var(--tile-hue) var(--tile-sat) 46%);--tile-ink:hsl(var(--tile-hue) var(--tile-sat) 32%);--tile-well:hsl(var(--tile-hue) calc(var(--tile-sat) + 10%) 93%);--tile-edge:hsl(var(--tile-hue) var(--tile-sat) 55% / 0.75)}.hub [data-color="slate"]{--tile-hue:215;--tile-sat:14%}.hub [data-color="navy"]{--tile-hue:222;--tile-sat:78%}.hub [data-color="sky"]{--tile-hue:204;--tile-sat:85%}.hub [data-color="teal"]{--tile-hue:172;--tile-sat:62%}.hub [data-color="lime"]{--tile-hue:92;--tile-sat:55%}.hub [data-color="amber"]{--tile-hue:36;--tile-sat:90%}.hub [data-color="coral"]{--tile-hue:14;--tile-sat:82%}.hub [data-color="rose"]{--tile-hue:345;--tile-sat:75%}.hub [data-color="magenta"]{--tile-hue:312;--tile-sat:78%}.hub [data-color="violet"]{--tile-hue:265;--tile-sat:70%}.hub-catalogue .hub-catalogue-item,.hub-tile-editor .hub-swatch{--tile-color:hsl(var(--tile-hue) var(--tile-sat) 62%);--tile-ink:hsl(var(--tile-hue) calc(var(--tile-sat) + 10%) 84%);--tile-well:hsl(var(--tile-hue) var(--tile-sat) 60% / 0.22)}.hub-tile{position:relative;display:flex;flex-direction:column;min-width:0}.hub-tile[data-wide]{grid-column:1 / -1}.hub-tile-face{position:relative;display:flex;flex:1 1 auto;flex-direction:column;gap:0.65rem;min-height:6.4rem;padding:0.8rem 0.8rem 0.75rem;border:1px solid var(--board-line);border-radius:var(--drawer-radius);background:var(--board-surface);box-shadow:var(--board-shadow);color:var(--board-ink);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}a.hub-tile-face:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--tile-edge);background:color-mix(in srgb,var(--tile-well) 60%,var(--board-surface));box-shadow:0 2px 6px rgba(2,21,55,0.08),0 16px 36px rgba(2,21,55,0.16),0 0 0 1px var(--tile-edge)}a.hub-tile-face:hover .hub-tile-icon{background:var(--tile-color);color:#ffffff;transform:scale(1.06)}a.hub-tile-face:active{transform:translateY(-1px) scale(0.98)}.hub-tile-face:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hub-tile-icon{display:grid;place-items:center;flex:none;width:2.3rem;height:2.3rem;border-radius:0.6rem;background:var(--tile-well);color:var(--tile-ink);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.hub-tile-icon svg{width:1.2rem;height:1.2rem}.hub-tile-text{display:grid;gap:0.15rem;min-width:0}.hub-tile-label{font-family:var(--font-display);font-size:0.98rem;font-weight:700;letter-spacing:-0.01em;line-height:1.15;overflow-wrap:anywhere}.hub-tile-caption{display:none;color:var(--board-ink-soft);font-size:0.76rem;line-height:1.3}.hub-tile-badge{position:absolute;top:0.55rem;right:0.55rem;min-width:1.4rem;padding:0.1rem 0.4rem;border:2px solid var(--board-surface);border-radius:var(--radius-pill);background:var(--color-brand-magenta);color:#ffffff;font-size:0.66rem;font-weight:800;line-height:1.3;text-align:center}.hub-tile-arrow{position:absolute;top:0.7rem;right:0.7rem;color:var(--board-ink-muted)}.hub-tile-face[aria-current="page"]{border-color:var(--board-line-strong);background:var(--board-surface-raised)}.hub-tile-face[aria-current="page"]::before{content:"";position:absolute;top:-1px;left:0.8rem;width:2.2rem;height:0.18rem;border-radius:0 0 2px 2px;background:var(--board-accent)}.hub-current,.hub-step-status{display:flex;align-items:center;gap:0.3rem;margin-top:0.2rem;font-size:0.72rem;line-height:1.4}.hub-current{color:var(--board-accent);font-weight:600}.hub-step-status{color:var(--board-ink-soft)}.hub-step-status[data-step-status="attention"]{color:var(--color-warning-ink)}.hub-step-status[data-step-status="complete"],.hub-step-status[data-step-status="blocked"]{color:var(--board-ink-muted)}.hub-step-reason{display:block;margin-top:0.25rem;color:var(--board-ink-soft);font-size:0.73rem;line-height:1.4}.hub-tile[data-wide] a.hub-tile-face,.hub-section[data-style="rows"] a.hub-tile-face{flex-direction:row;align-items:center;gap:0.8rem;min-height:0;padding:0.6rem 0.8rem}.hub-tile[data-wide] .hub-tile-caption,.hub-section[data-style="rows"] .hub-tile-caption{display:block}.hub-tile[data-wide] .hub-tile-badge,.hub-section[data-style="rows"] .hub-tile-badge,.hub-tile[data-wide] .hub-tile-arrow,.hub-section[data-style="rows"] .hub-tile-arrow{position:static;flex:none;margin-left:auto}.hub-section[data-style="rows"] .hub-tile-icon{width:2.1rem;height:2.1rem;border-radius:0.5rem}.hub-section[data-style="rows"] .hub-tile-icon svg{width:1.1rem;height:1.1rem}.hub-section[data-style="rows"] .hub-tile-label{font-size:0.95rem}.hub-feed{gap:0.5rem;cursor:default}.hub-feed-head{display:flex;align-items:center;gap:0.6rem}.hub-feed-head .hub-tile-icon{width:1.9rem;height:1.9rem;border-radius:0.5rem}.hub-feed-head .hub-tile-icon svg{width:1rem;height:1rem}.hub-feed-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0.15rem;margin:0;padding:0;list-style:none}.hub-feed-item{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0.1rem 0.75rem;padding:0.4rem 0.55rem;border-radius:0.5rem;color:var(--board-ink);font-size:0.9rem;font-weight:600;line-height:1.3;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.hub-feed-item:hover{background:var(--tile-well);color:var(--tile-ink);text-decoration:none}.hub-feed-item-label{flex:1 1 11rem;min-width:0;overflow-wrap:anywhere}.hub-feed-item-caption{flex:none;color:var(--board-ink-muted);font-size:0.74rem;font-weight:500}.hub-feed-empty{padding:0.2rem 0.1rem;color:var(--board-ink-muted);font-size:0.82rem}.hub .hub-tile[data-dormant],.hub .hub-section[data-dormant],.hub:not(.is-editing) .hub-tile[data-empty]{display:none}.hub[data-editable] .hub-section[data-category="favorites"][data-dormant]{display:block}.hub.is-editing .hub-section[data-vacant]{display:block}.hub.is-editing .hub-tile[data-empty] .hub-tile-face{opacity:0.55;border-style:dashed;box-shadow:none}.hub-catalogue-item[data-dormant]{display:none}.hub-empty{display:grid;justify-items:center;gap:0.4rem;padding:2rem 1rem;color:var(--board-ink-muted);font-size:0.9rem;text-align:center}.hub-empty svg{color:var(--board-line-strong)}.hub-empty-hint{max-width:26ch;font-size:0.8rem}.hub.is-editing .hub-board{gap:clamp(1.5rem,4vw,2.25rem)}.hub.is-editing .hub-tiles{row-gap:0.85rem;column-gap:0.7rem}.hub.is-editing .hub-tile-face{cursor:grab}.hub.is-editing a.hub-tile-face{text-decoration:none}.hub.is-editing a.hub-tile-face:hover{transform:none}.hub.is-editing :is(.hub-tile-badge,.hub-tile-arrow){display:none}.hub-tile.is-selected .hub-tile-face{border-color:var(--board-accent);box-shadow:0 0 0 3px var(--board-accent-soft)}.hub-tile.is-dragging{opacity:0.35}.hub-tile.is-dragging .hub-tile-face{border-style:dashed;box-shadow:none}.hub-tile.is-added .hub-tile-face{animation:pop-in var(--transition-slow)}.hub-drag-ghost{position:fixed;top:0;left:0;z-index:2000;margin:0;pointer-events:none;opacity:0.95;transform-origin:center;will-change:transform;color:var(--board-ink)}.hub-drag-ghost .hub-tile-face{transform:rotate(-2deg) scale(1.03);background:var(--board-surface);box-shadow:var(--shadow-2)}.hub-tile-grip{position:absolute;top:0.4rem;right:0.4rem;z-index:2;display:none;place-items:center;width:1.6rem;height:1.6rem;padding:0;border:0;border-radius:0.45rem;background:var(--color-surface-secondary);color:var(--board-ink-soft);cursor:grab;touch-action:none}.hub.is-editing .hub-tile-grip{display:grid}.hub-tile-grip svg{width:1rem;height:1rem}.hub-tile-grip:hover{background:var(--color-surface-tertiary);color:var(--board-ink)}.hub-tile-grip:active{cursor:grabbing}.hub-tile-grip:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.hub-add{display:none;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;min-height:6.4rem;padding:0.5rem;border:1px dashed var(--board-line-strong);border-radius:var(--drawer-radius);background:transparent;color:var(--board-ink-soft);font-family:var(--font-ui);font-size:0.82rem;font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.hub.is-editing .hub-add,.hub-section[data-category="favorites"] .hub-add{display:flex}.hub.is-editing .hub-add[hidden],.hub .hub-section .hub-add[hidden]{display:none}.hub-section[data-style="rows"] .hub-add{flex-direction:row;min-height:3rem}.hub-add svg{width:1rem;height:1rem}.hub-add:hover{border-color:var(--board-accent);background:var(--board-accent-soft);color:var(--board-accent)}.hub-add:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hub-add-favorite-label,.hub-section[data-category="favorites"] .hub-add-label{display:none}.hub-section[data-category="favorites"] .hub-add-favorite-label{display:inline}.hub-editor-bar{margin-top:clamp(1.5rem,4vw,2.25rem)}.hub-editor-bar[hidden]{display:none}.hub-add-section{flex-direction:row;width:100%;min-height:3.25rem}.hub-tile-editor{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:0.6rem 0.8rem;padding:0.6rem 0.7rem;border:1px solid var(--drawer-line);border-radius:var(--drawer-radius);background:var(--drawer-band);box-shadow:var(--board-shadow);color:var(--drawer-ink);animation:rise-in var(--transition-slow)}.hub-editor-field{flex:1 1 10rem;min-width:0;margin:0}.hub-editor-field input{width:100%;min-height:var(--control-height-small);padding:0 0.75rem;border:1px solid var(--drawer-line-strong);border-radius:0.55rem;background:color-mix(in srgb,var(--color-white) 8%,transparent);color:var(--drawer-ink);font-size:0.92rem}.hub-editor-field input::placeholder{color:var(--drawer-ink-muted)}.hub-editor-field input:focus-visible{border-color:transparent;outline:2px solid var(--drawer-pink);outline-offset:1px;box-shadow:none}.hub-swatches{display:flex;flex-wrap:wrap;gap:0.35rem}.hub-swatch{width:1.4rem;height:1.4rem;padding:0;border:2px solid transparent;border-radius:50%;background:var(--tile-color);box-shadow:inset 0 0 0 2px var(--color-brand-deep);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.hub-swatch:hover{transform:scale(1.12)}.hub-swatch[aria-checked="true"]{border-color:var(--drawer-ink);transform:scale(1.12)}.hub-swatch:focus-visible{outline:2px solid var(--drawer-ink);outline-offset:2px}.hub-editor-wide{display:inline-flex;align-items:center;gap:0.45rem;min-height:2rem;padding:0 0.75rem;border:1px solid var(--drawer-line-strong);border-radius:var(--radius-pill);background:transparent;color:var(--drawer-ink-soft);font-family:var(--font-ui);font-size:0.78rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.hub-editor-wide-mark{width:1rem;height:0.55rem;border:1px solid currentColor;border-radius:2px;transition:width var(--transition-slow)}.hub-editor-wide:hover{background:var(--drawer-frost);color:var(--drawer-ink)}.hub-editor-wide[aria-pressed="true"]{border-color:var(--drawer-pink);background:color-mix(in srgb,var(--drawer-pink) 14%,transparent);color:var(--drawer-ink)}.hub-editor-wide[aria-pressed="true"] .hub-editor-wide-mark{width:1.6rem;border-color:var(--drawer-pink)}.hub-editor-wide:focus-visible{outline:2px solid var(--drawer-ink);outline-offset:2px}.hub-editor-wide[hidden]{display:none}.hub-catalogue{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;flex-direction:column;max-height:min(34rem,78%);border-top:1px solid var(--drawer-line-strong);border-top-left-radius:var(--radius-xlarge);border-top-right-radius:var(--radius-xlarge);background:linear-gradient(180deg,color-mix(in srgb,var(--color-brand-deep-alt) 90%,#ffffff),var(--color-brand-deep));box-shadow:0 -1rem 3rem rgba(2,21,55,0.35),var(--drawer-inset);color:var(--drawer-ink);animation:slide-up var(--transition-slow)}.hub-catalogue::before{content:"";position:absolute;top:0.45rem;left:50%;width:2.5rem;height:0.25rem;border-radius:var(--radius-pill);background:var(--drawer-line-strong);transform:translateX(-50%)}.hub-catalogue-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:0.5rem;padding:1.1rem var(--sidebar-gutter) 0.4rem}.hub-catalogue-title{margin:0;color:var(--drawer-ink);font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-0.02em}.hub-catalogue .icon-button{color:var(--drawer-ink-soft)}.hub-catalogue .icon-button:hover{background:var(--drawer-frost-raised);color:var(--drawer-ink)}.hub-catalogue-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--sidebar-gutter) calc(1.25rem + env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:var(--drawer-line-strong) transparent}.hub-catalogue-group{margin:0.9rem 0 0.4rem;color:var(--drawer-pink);font-family:var(--font-display);font-size:0.66rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase}.hub-catalogue-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:0.3rem}.hub-catalogue-item{display:flex;align-items:center;gap:0.6rem;width:100%;padding:0.45rem 0.55rem;border:1px solid transparent;border-radius:0.6rem;background:transparent;color:var(--drawer-ink);font:inherit;text-align:left;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.hub-catalogue-item:hover{border-color:var(--drawer-line);background:var(--drawer-frost)}.hub-catalogue-item:focus-visible{outline:2px solid var(--drawer-ink);outline-offset:1px}.hub-catalogue-item .hub-tile-icon{width:1.9rem;height:1.9rem;border-radius:0.5rem}.hub-catalogue-item .hub-tile-icon svg{width:1.1rem;height:1.1rem}.hub-catalogue-text{flex:1 1 auto;display:grid;gap:0.05rem;min-width:0}.hub-catalogue-label{font-size:0.9rem;font-weight:600;line-height:1.2}.hub-catalogue-caption{color:var(--drawer-ink-muted);font-size:0.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-catalogue-mark{display:none;flex:none;color:var(--drawer-pink)}.hub-catalogue-item[data-placed] .hub-catalogue-mark{display:block}.hub-catalogue-item.is-added{animation:pop-in var(--transition-slow)}.hub-catalogue-list-single{grid-template-columns:minmax(0,1fr)}.hub-catalogue-item[disabled]{cursor:default;opacity:0.5}.hub-catalogue-item[disabled]:hover{border-color:transparent;background:transparent}.hub-catalogue-empty{padding:1.5rem 0.5rem;color:var(--drawer-ink-muted);font-size:0.88rem;text-align:center}.hub-link-form{display:grid;grid-template-columns:minmax(0,1fr);gap:0.4rem;margin:0}.hub-link-form input{width:100%;min-height:var(--control-height-small);padding:0 0.75rem;border:1px solid var(--drawer-line-strong);border-radius:0.55rem;background:color-mix(in srgb,var(--color-white) 8%,transparent);color:var(--drawer-ink);font-size:0.9rem}.hub-link-form input::placeholder{color:var(--drawer-ink-muted)}.hub-link-form input:focus-visible{border-color:transparent;outline:2px solid var(--drawer-pink);outline-offset:1px;box-shadow:none}.hub-link-error{color:#ff9a8f;font-size:0.78rem}@media (min-width:480px){.hub-link-form{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center}.hub-link-error{grid-column:1 / -1}}.hub-context-menu{position:absolute;z-index:30;width:min(15rem,calc(100% - 16px));max-height:calc(100% - 16px);overflow-y:auto;padding:0.4rem;border:1px solid var(--drawer-line-strong);border-radius:0.75rem;background:linear-gradient(145deg,color-mix(in srgb,var(--color-brand-deep-alt) 92%,#ffffff),var(--color-brand-deep));box-shadow:0 1rem 2.5rem rgba(2,21,55,0.35),var(--drawer-inset);color:var(--drawer-ink);transform-origin:top left;animation:pop-in 160ms var(--ease-standard)}.hub-context-menu-title{margin:0;padding:0.45rem 0.7rem 0.35rem;color:var(--drawer-pink);font-family:var(--font-display);font-size:0.64rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;overflow-wrap:anywhere}.hub-context-menu-rule{margin:0.35rem 0.4rem;border:0;border-top:1px solid var(--drawer-line)}.hub-context-menu-rule[hidden]{display:none}.hub-context-menu [role="menuitem"]{display:block;width:100%;padding:0.6rem 0.7rem;border:0;border-radius:0.5rem;background:transparent;color:var(--drawer-ink);text-align:left;font:inherit;font-size:0.86rem;text-decoration:none;cursor:pointer}.hub-context-menu [role="menuitem"][hidden]{display:none}.hub-context-menu [role="menuitem"]:is(:hover,:focus-visible){background:var(--drawer-frost-raised);outline:none;text-decoration:none}.hub-context-menu :is([data-menu-remove],[data-board-remove]){color:#ff9a8f}@media (pointer:coarse){.hub[data-editable] :is([data-tile],[data-section-header]){-webkit-touch-callout:none;user-select:none}.hub-context-menu [role="menuitem"]{min-height:44px}}@media (max-width:768px){.sidebar-drawer{width:100%}}@media (prefers-reduced-motion:reduce){.sidebar-drawer,.sidebar-overlay{transition:none!important}}