:root{--inspector-width: 320px;--inspector-gap: 12px;--inspector-control: 36px;--inspector-font: 14px}.theme-trigger{display:inline-flex;align-items:center;gap:6px;font:inherit;cursor:pointer}.theme-inspector,.theme-inspector *{box-sizing:border-box}.theme-inspector{position:fixed;inset:0 0 0 auto;width:min(var(--inspector-width),calc(100vw - 48px));height:100dvh;z-index:50;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);border-left:1px solid var(--line-color);font:var(--inspector-font)/1.4 var(--font-body);text-align:left;letter-spacing:0;transform:translate(100%);visibility:hidden;transition:transform calc(.16s * var(--motion-scale)) ease,visibility calc(.16s * var(--motion-scale))}.theme-inspector[data-open=true]{transform:translate(0);visibility:visible}.theme-inspector h2{margin:0;font:700 18px/1.3 var(--font-body)}.theme-inspector p{margin:0;overflow-wrap:anywhere}.inspector-heading{display:flex;align-items:start;justify-content:space-between;gap:var(--inspector-gap);padding:16px;border-bottom:1px solid var(--line-color)}.inspector-heading p{color:var(--muted);margin-top:4px}.theme-inspector form{margin:0}.theme-inspector fieldset{display:grid;gap:20px;min-width:0;border:0;padding:16px;margin:0}.theme-inspector label{display:grid;gap:6px;font:500 var(--inspector-font)/1.4 var(--font-body);color:var(--ink);text-transform:none;letter-spacing:0}.theme-inspector button,.theme-inspector select{min-height:var(--inspector-control);margin:0;padding:6px 8px;border:1px solid var(--line-color);border-radius:min(var(--radius),8px);background:var(--paper);color:var(--ink);font:600 var(--inspector-font)/1.4 var(--font-body);letter-spacing:0;cursor:pointer}.theme-inspector button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.theme-inspector select{width:100%;min-width:0}.theme-inspector :focus-visible{outline:2px solid var(--wine);outline-offset:2px}.theme-inspector button:disabled{opacity:.55;cursor:default}.inspector-colors{display:grid;gap:8px}.inspector-colors label{display:flex;justify-content:space-between;align-items:center;gap:var(--inspector-gap)}.inspector-colors input[type=color]{width:44px;height:32px;min-height:0;padding:2px;margin:0;border:1px solid var(--line-color);border-radius:4px;background:var(--paper);flex-shrink:0;cursor:pointer}.inspector-ranges{display:grid;gap:16px}.inspector-group{border-top:1px solid var(--line-color);padding-top:16px}.inspector-group h3{margin:0 0 14px;font:700 14px/1.4 var(--font-body);color:var(--ink)}.inspector-ranges label>span{display:flex;align-items:center;justify-content:space-between;gap:var(--inspector-gap)}.inspector-ranges output{color:var(--muted);font-variant-numeric:tabular-nums}.inspector-ranges input[type=range]{width:100%;min-height:24px;height:24px;margin:0;padding:0;accent-color:var(--wine);border:0;box-shadow:none}.inspector-footer{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px max(12px,env(safe-area-inset-bottom));position:sticky;bottom:0;background:var(--paper);border-top:1px solid var(--line-color)}.inspector-footer .inspector-save{margin-left:auto;background:var(--wine);color:var(--on-primary);border-color:var(--wine)}.inspector-footer p{flex-basis:100%;min-height:20px;color:var(--muted);font-size:12px}@media(prefers-reduced-motion:reduce){.theme-inspector{transition:none}}@media print{.theme-inspector,[data-theme-mount]{display:none!important}}:root{--hub-nav-size: 44px;--hub-nav-gap: 8px;--hub-panel-padding: 16px;--hub-panel-gap: 12px;--hub-panel-font: 14px;--hub-panel-small: 12px;--hub-panel-weight: 600;--hub-panel-leading: 1.4;--hub-panel-radius: 8px;--hub-disabled-opacity: .42}[data-header-mount]{flex:0 0 auto;min-width:0}.topbar,.hub-project-chrome{flex-wrap:nowrap}.topbar .brand{flex:1;min-width:0}.topbar .mark{flex-shrink:0}.topbar .brand>span:last-child,.hub-project-chrome>strong{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hub-project-chrome{z-index:40;align-items:center}.hub-project-chrome>strong{flex:1}.hub-header-controls{position:relative}.hub-header-actions{display:flex;align-items:center;gap:var(--hub-nav-gap)}[data-header-root] .hub-icon-button,.theme-inspector .hub-icon-button,.hub-share-feedback .hub-icon-button{width:var(--hub-nav-size);height:var(--hub-nav-size);min-width:var(--hub-nav-size);min-height:var(--hub-nav-size);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;margin:0;border:var(--theme-border-width) solid var(--line-color);border-radius:min(var(--radius),var(--hub-panel-radius));background:var(--paper);color:var(--ink);box-shadow:none;cursor:pointer;line-height:var(--hub-panel-leading)}.hub-header-controls button:disabled,.hub-settings-drawer button:disabled{opacity:var(--hub-disabled-opacity);cursor:default}.hub-header-controls button:focus-visible,.hub-settings-drawer button:focus-visible,.hub-share-feedback button:focus-visible{outline:2px solid var(--wine);outline-offset:2px}.hub-header-controls button:hover:not(:disabled),.hub-settings-drawer button:hover:not(:disabled){background:var(--soft)}.hub-share-menu{position:absolute;top:calc(100% + var(--hub-nav-gap));right:0;z-index:45;width:min(260px,calc(100vw - 32px));background:var(--paper);color:var(--ink);border:var(--theme-border-width) solid var(--line-color);border-radius:var(--hub-panel-radius);box-shadow:var(--shadow);padding:var(--hub-nav-gap);font:var(--hub-panel-weight) var(--hub-panel-font)/var(--hub-panel-leading) var(--font-body)}.hub-header-controls .hub-settings-row,.theme-inspector .hub-settings-row{width:100%;min-height:var(--hub-nav-size);display:flex;align-items:center;justify-content:start;gap:var(--hub-panel-gap);padding:var(--hub-panel-gap) var(--hub-nav-gap);margin:0;border:0;border-bottom:var(--theme-border-width) solid var(--line-color);border-radius:0;background:transparent;color:var(--ink);box-shadow:none;text-align:left;font:var(--hub-panel-weight) var(--hub-panel-font)/var(--hub-panel-leading) var(--font-body)}.hub-settings-row span{flex:1;min-width:0;overflow-wrap:anywhere}.hub-settings-row svg{flex:0 0 auto}.hub-settings-content{padding:var(--hub-panel-padding)}.inspector-heading>div{flex:1;min-width:0}.inspector-heading>button{flex-shrink:0}.hub-settings-drawer .hub-link-create{display:grid;gap:var(--hub-panel-gap);margin-bottom:var(--hub-panel-padding)}.hub-settings-drawer input,.hub-settings-drawer select,.hub-share-feedback input{min-width:0;width:100%;min-height:var(--hub-nav-size);padding:var(--hub-nav-gap);border:var(--theme-border-width) solid var(--line-color);border-radius:var(--hub-panel-radius);background:var(--paper);color:var(--ink);font:var(--hub-panel-font)/var(--hub-panel-leading) var(--font-body)}.hub-link-create button{min-height:var(--hub-nav-size)}.hub-link-list{padding:0;margin:0;list-style:none}.hub-link-list li{display:grid;gap:var(--hub-nav-gap);padding:var(--hub-panel-padding) 0;border-bottom:var(--theme-border-width) solid var(--line-color)}.hub-link-list strong{overflow-wrap:anywhere;font-weight:var(--hub-panel-weight)}.hub-link-meta{display:flex;flex-wrap:wrap;gap:var(--hub-nav-gap);font-size:var(--hub-panel-small);color:var(--muted)}.hub-panel-muted{color:var(--muted);font-size:var(--hub-panel-small)}.hub-link-actions{display:flex;gap:var(--hub-nav-gap)}.hub-delete-confirm{display:flex;flex-wrap:wrap;gap:var(--hub-nav-gap)}.hub-delete-confirm p{width:100%;color:var(--danger)}.hub-settings-account{padding:var(--hub-panel-padding);display:flex;align-items:center;gap:var(--hub-nav-gap);border-top:var(--theme-border-width) solid var(--line-color)}.hub-settings-account p{flex:1;font-size:var(--hub-panel-small);color:var(--muted)}.hub-settings-account a{display:inline-flex;align-items:center;justify-content:center;width:var(--hub-nav-size);height:var(--hub-nav-size);color:var(--ink)}.hub-share-feedback{position:fixed;bottom:var(--hub-panel-padding);left:var(--hub-panel-padding);z-index:60;width:min(360px,calc(100vw - 32px));display:flex;flex-wrap:wrap;align-items:center;gap:var(--hub-nav-gap);padding:var(--hub-panel-gap);border:var(--theme-border-width) solid var(--line-color);border-radius:var(--hub-panel-radius);background:var(--paper);color:var(--ink);box-shadow:var(--shadow);font:var(--hub-panel-font)/var(--hub-panel-leading) var(--font-body)}.hub-share-feedback>p{flex:1;min-width:0;margin:0}.hub-copy-fallback{width:100%;display:flex;gap:var(--hub-nav-gap)}.hub-copy-fallback input{flex:1}@media print{[data-header-mount],#settings-drawer,[data-share-feedback]{display:none!important}}.project-workspace{display:grid;gap:calc(var(--hub-space-14) * var(--section-gap))}.projects-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--hub-space-12);color:var(--on-deep)}.projects-heading h1{font-size:calc(1.75rem * var(--theme-font-scale) * var(--heading-scale))}.projects-heading button{background:var(--paper);flex-shrink:0}.projects-toolbar{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:var(--hub-space-12);padding:var(--hub-space-14);background:var(--paper);border-bottom:var(--theme-border-width) solid var(--line-color)}.projects-toolbar label,.project-new-link label{display:grid;gap:var(--hub-space-6);min-width:0}.projects-toolbar label>span{display:flex;align-items:center;gap:var(--hub-space-6)}.project-workspace input,.project-workspace select,.project-workspace textarea{min-width:0;width:100%;background:var(--paper);color:var(--ink)}.project-search>div{display:flex;gap:var(--hub-space-6)}.project-search input{flex:1}.projects-result-count{padding:var(--hub-space-8) var(--hub-space-14);background:var(--paper)}.projects-list{display:grid;gap:calc(var(--hub-space-14) * var(--section-gap))}.project-card.panel{min-width:0;border-radius:min(var(--radius),8px);background:var(--surface);box-shadow:var(--shadow);gap:0}.project-card-heading{display:flex;align-items:start;justify-content:space-between;gap:var(--hub-space-14);padding-bottom:var(--hub-space-14);border-bottom:var(--theme-border-width) solid var(--line-color)}.project-card-heading>div{min-width:0}.project-card h2{font-size:calc(1.25rem * var(--theme-font-scale) * var(--heading-scale))}.project-card h2 a{text-decoration:none;overflow-wrap:anywhere}.project-card-heading p{margin-top:var(--hub-space-4);overflow-wrap:anywhere}.project-workspace .project-icon{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;flex-shrink:0}.project-workspace button:disabled{opacity:var(--hub-disabled-opacity);cursor:default}.project-card-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--hub-space-14);align-items:center;padding-top:var(--hub-space-12)}.project-metrics{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:var(--hub-space-12);margin:0}.project-metrics>div{min-width:0}.project-metrics dt{color:var(--muted);font-size:calc(.78rem * var(--theme-font-scale))}.project-metrics dd{margin:var(--hub-space-4) 0 0;overflow-wrap:anywhere;font-size:calc(.9rem * var(--theme-font-scale))}.project-link-toggle{display:flex;gap:var(--hub-space-12);justify-content:space-between;min-width:130px;text-align:left}.project-link-toggle>span{display:grid}.project-link-toggle span>span{font-size:calc(.78rem * var(--theme-font-scale));font-weight:clamp(100,calc(400 + var(--theme-weight)),900)}.project-link-toggle svg{transition:transform var(--theme-motion)}.project-link-toggle svg.is-open{transform:rotate(180deg)}.project-links{margin-top:var(--hub-space-12);padding-top:var(--hub-space-12);border-top:var(--theme-border-width) solid var(--line-color);display:grid;gap:var(--hub-space-12)}.project-links ul{list-style:none;padding:0;margin:0}.project-links li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--hub-space-12);padding:var(--hub-space-12) 0;border-bottom:var(--theme-border-width) solid var(--line-color)}.project-link-name{display:grid;gap:var(--hub-space-4);min-width:0;overflow-wrap:anywhere}.project-link-visits{white-space:nowrap;font-variant-numeric:tabular-nums}.project-link-actions,.project-deactivate{display:flex;align-items:center;flex-wrap:wrap;gap:var(--hub-space-8)}.project-deactivate{grid-column:1 / -1}.project-deactivate p{flex:1;color:var(--danger)}.project-new-link{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--hub-space-12)}.project-new-link .actions{grid-column:1 / -1}.project-add-form,.projects-empty{padding:var(--hub-space-18);background:var(--paper)}.projects-empty{display:grid;justify-items:start;gap:var(--hub-space-12)}.project-alert,.project-notice{display:flex;align-items:center;flex-wrap:wrap;gap:var(--hub-space-8);padding:var(--hub-space-12);background:var(--paper);border:var(--theme-border-width) solid var(--line-color)}.project-notice>p{flex:1}.project-copy-fallback{display:flex;width:100%;gap:var(--hub-space-8)}.project-copy-fallback input{flex:1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:650px){.projects-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.project-search{grid-column:1 / -1}.project-card-bottom{grid-template-columns:minmax(0,1fr)}.project-link-toggle{width:100%;min-width:0}.project-link-toggle>span{display:flex;align-items:center;gap:var(--hub-space-8)}.project-links li{grid-template-columns:minmax(0,1fr) auto}.project-link-name{grid-column:1 / -1}.project-link-actions{justify-content:end}.project-new-link{grid-template-columns:minmax(0,1fr)}.projects-heading{flex-wrap:wrap}}
