.auth-page{height:100vh;padding:var(--space-4);background:radial-gradient(circle at 12% 18%, var(--accent-light), transparent 26rem), radial-gradient(circle at 88% 84%, color-mix(in srgb, var(--color-highlight) 8%, transparent), transparent 22rem), var(--surface-app);overflow:hidden auto}.auth-shell{width:min(72rem,100%);min-height:calc(100vh - (2 * var(--space-4)));border:1px solid var(--border-warm);border-radius:var(--radius-lg);background:var(--surface-app);box-shadow:var(--shadow-xl);isolation:isolate;grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr);margin-inline:auto;display:grid;position:relative;overflow:hidden}.auth-shell--registration{grid-template-columns:minmax(22rem,.85fr) minmax(0,1.15fr)}.auth-shell__artwork{z-index:-2;object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.auth-shell--registration .auth-atmosphere{grid-area:1/2}.auth-shell--registration .auth-card{grid-area:1/1}.auth-atmosphere{min-height:42rem;padding:var(--space-5);background:linear-gradient(180deg, transparent 40%, color-mix(in srgb, var(--surface-app) 82%, transparent));isolation:isolate;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.auth-atmosphere:after{z-index:-1;background:linear-gradient(90deg, transparent 54%, color-mix(in srgb, var(--surface-app) 54%, transparent));content:"";position:absolute;inset:0}.auth-shell--registration .auth-atmosphere:after{background:linear-gradient(270deg, transparent 54%, color-mix(in srgb, var(--surface-app) 54%, transparent))}.auth-atmosphere__copy{max-width:34rem}.auth-atmosphere__eyebrow,.auth-eyebrow{color:var(--color-highlight);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;margin:0;font-weight:600;display:inline-block}.auth-atmosphere__title{max-width:12ch;margin-bottom:0;margin-top:var(--space-2);color:var(--text);font-family:var(--font-display);font-size:var(--text-display-lg);font-weight:400;line-height:1.03}.auth-atmosphere__copy>p:not(.auth-atmosphere__eyebrow){max-width:32rem;color:var(--text-muted);font-size:var(--text-lg)}.auth-atmosphere__copy ul{gap:var(--space-3);margin:var(--space-5) 0 0;color:var(--text-muted);padding:0;list-style:none;display:grid}.auth-atmosphere__copy li{align-items:center;gap:var(--space-2);display:flex}.auth-atmosphere__copy li svg{width:1.15rem;height:1.15rem;color:var(--accent)}.auth-card{padding:clamp(var(--space-4), 6vw, var(--space-6));background:linear-gradient(90deg, color-mix(in srgb, var(--surface-raised) 52%, transparent), color-mix(in srgb, var(--surface-raised) 28%, transparent));flex-direction:column;justify-content:center;display:flex}.auth-shell--registration .auth-card{padding-top:clamp(calc(var(--space-7) + var(--space-7) + var(--space-5)), 16vw, calc(var(--space-7) + var(--space-7) + var(--space-7)));background:linear-gradient(270deg, color-mix(in srgb, var(--surface-raised) 52%, transparent), color-mix(in srgb, var(--surface-raised) 28%, transparent))}.auth-card__home{color:var(--text-muted);font-size:var(--text-sm);align-self:flex-start;margin-bottom:auto}.auth-card h1{margin:var(--space-2) 0 var(--space-3);font-size:var(--text-display-md);font-weight:400}.auth-copy{margin:0 0 var(--space-4);color:var(--text-muted);font-size:var(--text-lg)}.auth-form{gap:var(--space-3);display:grid}.auth-form .btn{min-height:2.75rem;margin-top:var(--space-2)}.auth-links{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);display:flex}.auth-error,.auth-message{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin:0}.auth-error{border:1px solid var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger)}.auth-message{border:1px solid var(--color-success-border);background:var(--color-success-bg);color:var(--color-success)}@media (width<=54rem){.auth-page{padding:0}.auth-shell{border:0;border-radius:0;grid-template-columns:1fr;min-height:100vh}.auth-atmosphere{display:none}.auth-shell--registration .auth-card,.auth-card{min-height:100vh;padding-top:var(--space-4);background:color-mix(in srgb, var(--surface-raised) 68%, transparent);grid-area:1/1}.auth-shell--login .auth-shell__artwork,.auth-shell--registration .auth-shell__artwork{object-position:left top}}@media (width<=34rem){.auth-card{padding:var(--space-4) var(--space-3)}.auth-links{flex-direction:column;align-items:flex-start}}.app-shell{flex-direction:column;width:100vw;height:100vh;display:flex}.sticky-header{box-sizing:border-box;height:var(--app-header-height);background-color:var(--surface-overlay);padding:var(--space-1) var(--space-3);z-index:var(--z-sticky);align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-soft);font-family:var(--font-ui);color:var(--text);flex-shrink:0;display:flex;position:sticky;top:0}.sticky-header .layout-header{font-family:var(--font-display);font-size:var(--text-xl);margin:0}.sticky-header-main{flex:auto;align-items:center;min-width:0;max-width:100%;display:flex;overflow:hidden}.sticky-header-brand{min-width:0;max-width:100%;color:inherit;cursor:pointer;align-items:center;text-decoration:none;display:inline-flex}.sticky-header-brand h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sticky-header-actions{align-items:center;gap:var(--space-1);flex:0 auto;min-width:0;margin-left:auto;display:flex}.sticky-header-actions>.btn{flex:none}.workspace-scope-controls{align-items:center;gap:var(--space-2);flex:auto;min-width:0;max-width:min(31rem,58vw);display:flex}.project-scope-badge{align-items:center;gap:var(--space-1);flex:1 1 0;min-width:0;max-width:15rem;display:inline-flex}.project-scope-badge+.project-scope-badge{padding-left:0}.project-scope-badge>.label,.project-scope-badge .active-book-selector>.label{flex:none}.project-scope-badge .dropdown{min-width:0;width:min(var(--dropdown-content-width), 11rem);max-width:11rem}.project-scope-badge .active-book-selector{gap:var(--space-1);min-width:0}.scope-required-state{min-height:100%;padding:var(--space-6);place-items:center;display:grid}.scope-required-state__card{max-width:38rem;padding:var(--space-6);border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-raised) 92%, transparent), color-mix(in srgb, var(--surface-panel) 88%, transparent));box-shadow:var(--shadow-sm)}.scope-required-state__eyebrow{margin-bottom:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;display:inline-block}.scope-required-state__card h2{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-2xl)}.scope-required-state__card p{margin:0 0 var(--space-4);color:var(--text-muted);line-height:1.5}.scope-required-state__actions{gap:var(--space-3);flex-wrap:wrap;align-items:end;display:flex}.scope-required-state__picker{gap:var(--space-1);min-width:min(100%,18rem);color:var(--text-muted);font-size:var(--text-sm);display:grid}.scope-required-state__picker span{color:var(--text-muted)}.scope-required-state__picker select{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text);padding:var(--space-2) calc(var(--space-2) + var(--space-1));font:inherit;outline:none}.scope-required-state__link{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);color:var(--text);background:var(--surface-hover);border:1px solid var(--border-soft);text-decoration:none;display:inline-flex}.layout-row{flex:1;height:auto;min-height:0;display:flex;position:relative}.subscription-transition-notice{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-warning-border);background:linear-gradient(90deg, var(--color-warning-bg), color-mix(in srgb, var(--surface-panel) 88%, transparent));color:var(--text);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.subscription-transition-notice>svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-warning)}.subscription-transition-notice__content{gap:var(--space-1) var(--space-2);flex-wrap:wrap;align-items:baseline;min-width:0;display:flex}.subscription-transition-notice__content>strong{color:var(--color-warning)}.subscription-transition-notice__content>span{color:var(--text-muted)}.subscription-transition-notice__limits{flex-basis:100%}.subscription-transition-notice__actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.left-sidebar{flex-shrink:0}.main-content{box-sizing:border-box;flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.navigation-drawer-backdrop{z-index:var(--z-page-sidebar);background:color-mix(in srgb, var(--surface-overlay) 62%, transparent);cursor:pointer;transition:background-color var(--transition-base);border:0;padding:0;position:absolute;inset:0}.footer{padding:var(--space-2);text-align:center;background-color:var(--surface-overlay);font-size:var(--text-sm);border-top:1px solid var(--border-soft);font-family:var(--font-ui);color:var(--text);flex-shrink:0}.divider{background-color:var(--border);height:1px;margin:var(--space-2);box-shadow:var(--shadow-sm);border-radius:1px}@keyframes pulse{0%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=72rem){.project-scope-badge>.label,.project-scope-badge .active-book-selector>.label{display:none}.workspace-scope-controls{max-width:min(24rem,52vw)}}@media (width<=52rem){.subscription-transition-notice{grid-template-columns:auto minmax(0,1fr)}.subscription-transition-notice__actions{grid-column:2;justify-content:flex-start}.workspace-scope-controls{max-width:min(16rem,48vw)}.project-scope-badge .dropdown{width:min(var(--dropdown-content-width), 7rem);max-width:7rem}}.navsidebar-wrapper{height:100%;width:var(--sidebar-width);z-index:10;pointer-events:auto;flex-shrink:0;transition:width .3s;display:flex;position:relative;overflow:hidden}.navsidebar-wrapper.collapsed{width:var(--sidebar-collapsed-width);overflow:visible}.navsidebar-wrapper.open{width:var(--sidebar-width)}.navsidebar{width:var(--sidebar-width);background-color:var(--surface-overlay);border-right:1px solid var(--accent);pointer-events:auto;height:100%;color:var(--text);flex-direction:column;flex-shrink:0;transition:width .3s;display:flex;overflow:hidden}.navsidebar.collapsed{width:var(--sidebar-collapsed-width);overflow:visible}.nav-header{padding:var(--space-1) var(--space-2);border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.navsidebar.collapsed .nav-header{justify-content:center}.navsidebar-toggle-btn{color:var(--text-muted);cursor:pointer;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;line-height:1}.navsidebar-toggle-btn:hover{color:var(--text);background-color:var(--surface-hover)}.navsidebar nav{scrollbar-gutter:stable;direction:rtl;flex:1;overflow-y:auto}.navsidebar nav>*{direction:ltr}.navsidebar.collapsed nav{scrollbar-gutter:auto;overflow:visible}.navsidebar nav::-webkit-scrollbar{width:6px}.navsidebar nav::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}.navsidebar nav::-webkit-scrollbar-track{background:var(--scrollbar-track)}.nav-group{padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--border)}.nav-group h2{color:var(--text-muted);margin-bottom:var(--space-1);text-align:center}.nav-group>ul{margin:0;padding:0;list-style:none}.navsidebar.collapsed .nav-group{border-bottom:none;padding:0}.navsidebar.collapsed .nav-group+.nav-group{border-top:2px solid var(--accent);padding-top:var(--space-1);margin-top:var(--space-2)}.navsidebar.collapsed .nav-group h2{display:none}.nav-subgroup{margin-bottom:var(--space-1);list-style:none}.nav-subgroup-toggle{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1) 0;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-base);text-align:left;background:0 0;border:none;display:flex}.nav-subgroup-toggle:hover{background-color:var(--surface-hover)}.nav-subgroup-chevron{color:var(--text-muted);width:1rem;transition:transform var(--transition-fast);flex-shrink:0}.nav-subgroup-chevron.open{transform:rotate(90deg)}.nav-subgroup-title{color:var(--text-muted)}.nav-subgroup-content{margin:0;padding:0;list-style:none}.nav-subgroup-content.hidden{display:none}.navsidebar.collapsed .nav-subgroup{margin-bottom:0}.navsidebar.collapsed .nav-subgroup+.nav-subgroup{border-top:1px solid var(--border);padding-top:var(--space-1);margin-top:var(--space-1)}.navsidebar.collapsed .nav-subgroup-toggle{display:none}.navsidebar.collapsed .nav-subgroup-content{display:block!important}.nav-link{padding-left:var(--space-2);margin-bottom:0;list-style:none}.nav-link a{padding:var(--space-1) var(--space-2);align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--transition-base);color:var(--accent);text-decoration:none;display:flex}.nav-link__locked-content{padding:var(--space-1) var(--space-2);align-items:center;gap:var(--space-2);color:var(--text-muted);opacity:.72;display:flex}.nav-link__lock{width:var(--space-3);height:var(--space-3);flex-shrink:0;margin-left:auto}.nav-link a:hover{background-color:var(--surface-hover);color:var(--text)}.nav-link.active a{background-color:var(--accent);color:var(--surface-overlay)}.nav-link.active a:hover{background-color:color-mix(in srgb, var(--accent) 86%, var(--surface-hover));color:var(--text)}.nav-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:inline-flex}.navsidebar.collapsed .nav-link{padding-left:0;position:relative}.navsidebar.collapsed .nav-link a{padding:var(--space-2) 0;justify-content:center;gap:0}.navsidebar.collapsed .nav-link-text{display:none}.navsidebar.collapsed .nav-link[data-label]:hover:after{content:attr(data-label);background:var(--surface-overlay);color:var(--text);border:1px solid var(--accent-glow);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;z-index:9999;pointer-events:none;box-shadow:var(--shadow-sm);position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.nav-subpage{padding-left:calc(var(--space-5) + var(--space-2));margin-bottom:0;list-style:none}.nav-subpage a{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--transition-base);color:var(--text-muted);text-decoration:none;display:block}.nav-subpage--locked>span{padding:var(--space-1) var(--space-2);align-items:center;gap:var(--space-1);color:var(--text-muted);opacity:.72;display:flex}.nav-subpage a:before{content:"·";margin-right:var(--space-1);color:var(--border)}.nav-subpage a:hover{background-color:var(--surface-hover);color:var(--text)}.nav-subpage.active a{background-color:var(--accent);color:var(--surface-overlay)}.nav-subpage.active a:before{color:var(--surface-overlay)}.nav-subpage.active a:hover{background-color:color-mix(in srgb, var(--accent) 86%, var(--surface-hover));color:var(--text)}.navsidebar.collapsed .nav-subpage{display:none}.nav-footer{background-color:var(--surface-overlay);border-top:1px solid var(--border);padding:var(--space-2);gap:var(--space-1);flex-shrink:0;justify-content:flex-start;display:flex}.nav-account-menu{width:100%}.nav-account-menu .action-menu__trigger{color:var(--accent)}.nav-account-menu .action-menu__trigger-label{display:inline-flex}.nav-account-menu .action-menu__trigger-label svg{width:1rem;height:1rem}.navsidebar.collapsed .nav-footer{padding:var(--space-2) 0;justify-content:center}@media (width<=52rem){.left-sidebar{width:var(--sidebar-collapsed-width);z-index:var(--z-sticky);position:relative}.left-sidebar .navsidebar-wrapper{position:absolute;inset:0 auto 0 0}}.toaster{z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;width:360px;max-width:360px;display:flex;position:fixed;top:20px;right:20px}.toast{pointer-events:all;align-items:start;gap:var(--space-2);padding:calc(var(--space-2) + var(--space-1)) var(--space-3);border-radius:var(--radius-md);background:var(--surface-panel);border:1px solid var(--border-warm);box-shadow:var(--shadow-md);border-left:4px solid;grid-template-columns:auto 1fr auto;animation:.28s cubic-bezier(.22,1,.36,1) both toast-slide-in;display:grid;position:relative;overflow:hidden}.toast.toast-exiting{animation:.25s ease-in both toast-slide-out}.toast.success{border-left-color:var(--color-success)}.toast.error{border-left-color:var(--color-danger)}.toast.warning{border-left-color:var(--color-warning)}.toast.info{border-left-color:var(--color-info)}.toast-icon{font-size:var(--text-base);margin-top:var(--space-1);flex-shrink:0;line-height:1}.toast-icon svg{width:1em;height:1em}.toast.success .toast-icon{color:var(--color-success)}.toast.error .toast-icon{color:var(--color-danger)}.toast.warning .toast-icon{color:var(--color-warning)}.toast.info .toast-icon{color:var(--color-info)}.toast-message{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text);word-break:break-word;padding-top:var(--space-1);line-height:1.4}.toast-action{grid-column:2;justify-self:start}.toast-progress{border-radius:0 0 var(--radius-md,6px) var(--radius-md,6px);transform-origin:0;height:2px;animation:4s linear both toast-progress-shrink;position:absolute;bottom:0;left:0}.toast.success .toast-progress{background:var(--color-success)}.toast.error .toast-progress{background:var(--color-danger)}.toast.warning .toast-progress{background:var(--color-warning)}.toast.info .toast-progress{background:var(--color-info)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;max-height:120px;margin-bottom:0;transform:translate(0)}to{opacity:0;max-height:0;margin-bottom:calc(var(--space-2) * -1);transform:translate(120%)}}@keyframes toast-progress-shrink{0%{width:100%}to{width:0%}}@media (prefers-reduced-motion:reduce){.toast{animation:none}.toast.toast-exiting{opacity:0;animation:none}.toast-progress{width:0%;animation:none}}.brand-lockup{justify-self:start;align-items:center;gap:var(--space-2);color:var(--text);text-decoration:none;display:inline-flex}.brand-lockup:hover{text-decoration:none}.brand-lockup:focus-visible{outline:2px solid var(--accent);outline-offset:var(--space-1);border-radius:var(--radius-md)}.brand-lockup__mark{flex:none;width:2.75rem;height:2.75rem}.brand-lockup__logo{flex:none;width:auto;max-width:100%;height:4rem;display:block}.brand-lockup--header{align-self:stretch;width:min(27.3rem,100%);height:5rem;position:relative;overflow:visible}.brand-lockup--header .brand-lockup__logo{max-width:none;height:6rem;position:absolute;top:.5rem;left:0}.brand-lockup--divider{z-index:1;width:min(27.3rem,100%);height:var(--text-lg);min-width:0;position:relative;overflow:visible}.brand-lockup--divider .brand-lockup__logo{bottom:calc(-1 * var(--space-7));max-width:none;height:6.75rem;position:absolute;left:0}.brand-lockup__name{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.02em;font-weight:600;line-height:1;display:grid}.brand-lockup__name small{margin-top:var(--space-1);color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;font-weight:500}.brand-lockup--compact .brand-lockup__mark{width:2.1rem;height:2.1rem}.brand-lockup--compact .brand-lockup__logo{height:2.1rem}.brand-lockup--compact .brand-lockup__name{font-size:var(--text-base)}.brand-lockup--compact .brand-lockup__name small{display:none}@media (width<=48rem){.brand-lockup--header{align-self:center;width:auto;height:auto}.brand-lockup--header .brand-lockup__logo{max-width:100%;height:2.75rem;position:static}.brand-lockup--divider{width:auto;height:var(--text-lg);align-self:center}.brand-lockup--divider .brand-lockup__logo{bottom:calc(-1 * var(--space-5));max-width:100%;height:3rem}}.active-book-selector{align-items:center;gap:var(--space-2);display:inline-flex}.tutorial-demo{gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-raised);display:grid}.tutorial-demo__label,.tutorial-demo__fallback{color:var(--text-muted);font-size:var(--text-sm);margin:0}.tutorial-demo__motion{height:calc(var(--space-4) + var(--space-3));position:relative}.tutorial-demo__motion--card{height:calc((2 * var(--space-6)) + var(--space-2))}.tutorial-demo__source,.tutorial-demo__target{width:var(--space-4);height:var(--space-4);border:1px solid var(--color-highlight);border-radius:var(--radius-sm);position:absolute;top:50%;transform:translateY(-50%)}.tutorial-demo__source{z-index:1;background:var(--surface-panel);animation:tutorial-demo-travel var(--tutorial-motion-duration) ease-in-out both;left:0}.tutorial-demo__target{background:color-mix(in srgb, var(--color-highlight) 18%, var(--surface-panel));box-shadow:0 0 12px color-mix(in srgb, var(--color-highlight) 45%, transparent);right:0}.tutorial-demo__path{top:50%;right:var(--space-4);left:var(--space-4);border-top:1px dashed var(--border);position:absolute}.tutorial-demo__card-mover{z-index:1;width:10rem;animation:tutorial-demo-card-travel var(--tutorial-motion-duration) ease-in-out both;position:absolute;top:50%;left:0;transform:translateY(-50%)}.tutorial-demo__card-target{width:10rem;min-height:calc(2 * var(--space-6));border:1px dashed var(--color-highlight);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-highlight) 12%, var(--surface-panel));color:var(--text-muted);font-size:var(--text-xs);place-items:center;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%)}.tutorial-demo__stream{min-height:calc(2 * var(--space-6));padding:var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-panel);overflow:hidden}.tutorial-demo__stream-text{color:var(--text);clip-path:inset(0 100% 0 0);animation:tutorial-demo-text-stream var(--tutorial-text-motion-duration) steps(18, end) forwards;margin:0;line-height:1.5}.tutorial-demo__fallback{display:none}.tutorial-demo__replay{justify-self:start}@keyframes tutorial-demo-travel{0%,20%{left:0}80%,to{left:calc(100% - var(--space-4))}}@keyframes tutorial-demo-card-travel{0%,20%{left:0}80%,to{left:calc(100% - 10rem)}}@keyframes tutorial-demo-text-stream{to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.tutorial-demo__motion,.tutorial-demo__replay{display:none}.tutorial-demo__fallback,.tutorial-demo__stream{display:block}.tutorial-demo__stream-text{clip-path:none;animation:none}}.tutorial-overlay{z-index:calc(var(--z-toast) + 1);pointer-events:none;position:fixed;inset:0}.tutorial-spotlight{left:var(--tutorial-target-left);top:var(--tutorial-target-top);width:var(--tutorial-target-width);height:var(--tutorial-target-height);border:2px solid var(--color-highlight);border-radius:var(--radius-md);box-shadow:0 0 18px color-mix(in srgb, var(--color-highlight) 55%, transparent);pointer-events:none;position:fixed}.tutorial-dimmer{width:100%;height:100%;position:fixed;inset:0}.tutorial-dimmer__surface{fill:color-mix(in srgb, var(--surface-app) 78%, transparent)}.tutorial-interaction-shield{pointer-events:auto;position:fixed}.tutorial-interaction-shield--all{inset:0}.tutorial-interaction-shield--top{height:var(--tutorial-target-top);inset:0 0 auto}.tutorial-interaction-shield--left{left:0;top:var(--tutorial-target-top);width:var(--tutorial-target-left);height:var(--tutorial-target-height)}.tutorial-interaction-shield--right{left:calc(var(--tutorial-target-left) + var(--tutorial-target-width));right:0;top:var(--tutorial-target-top);height:var(--tutorial-target-height)}.tutorial-interaction-shield--bottom{inset:calc(var(--tutorial-target-top) + var(--tutorial-target-height)) 0 0}.tutorial-card{--tutorial-card-base-width:var(--tutorial-card-width);--tutorial-card-viewport-gutter:var(--space-2);left:var(--tutorial-card-left);top:var(--tutorial-card-top);box-sizing:border-box;width:min(var(--tutorial-card-content-width,var(--tutorial-card-base-width)), calc(100vw - (2 * var(--tutorial-card-viewport-gutter))));max-height:calc(100vh - (2 * var(--space-3)));padding:var(--space-3);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-xl), 0 0 var(--space-2) color-mix(in srgb, var(--accent) 18%, transparent), inset 0 1px 0 var(--border-warm);color:var(--tutorial-text);pointer-events:auto;flex-direction:column;display:flex;position:fixed;overflow:visible}.tutorial-card[data-width=wide]{--tutorial-card-base-width:var(--tutorial-card-wide-width)}.tutorial-card:before{inset:var(--space-1);border:1px solid var(--border-warm);border-radius:calc(var(--radius-lg) - var(--space-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-highlight) 18%, transparent), 0 0 0 1px color-mix(in srgb, var(--surface-raised) 80%, transparent);content:"";pointer-events:none;position:absolute}:root[data-theme-visuals=enabled] .tutorial-card{border-color:#0000}:root[data-theme-visuals=enabled] .tutorial-card:before{border:var(--space-3) solid transparent;border-image-slice:48;border-image-source:var(--theme-portrait-frame-image);border-image-repeat:stretch;border-image-width:var(--space-3);border-radius:inherit;box-shadow:none;inset:0}.tutorial-card:focus{outline:none}.tutorial-card__content{min-height:0;overflow-y:auto}.tutorial-card__progress{margin-bottom:var(--space-1);text-align:center}.tutorial-card__navigation{justify-content:flex-end;align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.tutorial-card__nav-button.btn{width:var(--space-5);height:var(--space-5);min-width:var(--space-5)}.tutorial-card__nav-button svg{width:var(--space-3);height:var(--space-3)}.tutorial-card__title{margin:0}.tutorial-card__title--visually-hidden{width:1px;height:1px;margin:calc(var(--space-1) * -1);clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.tutorial-card__description{color:var(--tutorial-text);line-height:1.55}.tutorial-card__description p{margin:0}.tutorial-card__description p+p{margin-top:var(--space-2)}.tutorial-card__paragraph--secondary{font-size:var(--text-sm)}.tutorial-card__accent-marker{color:var(--accent);font-weight:700}.tutorial-card__reference{color:color-mix(in srgb, var(--accent) 40%, var(--tutorial-text));text-underline-offset:.16em;white-space:nowrap;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.tutorial-card__continue-button.btn{white-space:nowrap}.tutorial-card__error{margin:var(--space-2) 0 0;color:var(--color-danger);font-size:var(--text-sm)}.tutorial-card__footer{margin-top:var(--space-2);flex-wrap:wrap;display:flex}.tutorial-card__footer-divider{background:var(--border-soft);flex-basis:100%;width:100%;height:1px}.tutorial-card__footer-controls{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;flex:auto;display:flex}.tutorial-card__skip-actions{justify-content:flex-start;align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}:root[data-theme-visuals=enabled] .tutorial-card__footer-divider{height:var(--space-4);background-color:#0000;background-image:var(--theme-section-ornament-image);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}@media (width<=760px){.tutorial-card{--tutorial-card-base-width:var(--tutorial-card-mobile-width);--tutorial-card-viewport-gutter:var(--space-1)}.tutorial-card[data-width=wide]{--tutorial-card-base-width:var(--tutorial-card-mobile-width)}}.theme-preset-tile{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-raised) 82%, var(--surface-panel)), var(--surface-panel));width:100%;min-height:0;color:var(--text);cursor:pointer;text-align:left;white-space:normal;transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);grid-template-rows:5.25rem auto;grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:0;padding:0;display:grid;overflow:hidden}.theme-preset-tile:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-preset-tile.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 1.25rem color-mix(in srgb, var(--accent) 35%, transparent)}.theme-preset-tile__artwork{min-width:0;display:block;position:relative;overflow:hidden}.theme-preset-tile__preview{object-fit:cover;filter:saturate(.82);width:100%;height:100%;transition:filter var(--transition-base), transform var(--transition-base);display:block}.theme-preset-tile:hover .theme-preset-tile__preview,.theme-preset-tile.is-active .theme-preset-tile__preview{filter:saturate();transform:scale(1.03)}.theme-preset-tile__badge{top:var(--space-1);right:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid color-mix(in srgb, var(--accent) 65%, var(--border));border-radius:var(--radius-full);background:color-mix(in srgb, var(--surface-panel) 86%, transparent);color:var(--accent);font-size:var(--text-xs);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(var(--space-1));backdrop-filter:blur(var(--space-1));line-height:1;position:absolute}.theme-preset-tile__copy{gap:var(--space-1);min-width:0;padding:var(--space-2);background:color-mix(in srgb, var(--surface-panel) 92%, transparent);flex-direction:column;display:flex}.theme-preset-tile__label{font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-preset-tile__fonts{min-width:0;color:var(--text-muted);font-size:var(--text-xs);flex-direction:column;gap:0;line-height:1.25;display:flex}.theme-preset-tile__fonts>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-preset-tile--compact{grid-template-rows:var(--space-7) auto}.theme-preset-tile--compact .theme-preset-tile__copy{padding:var(--space-2);text-align:center;align-items:center}@media (width<=640px){.theme-preset-tile,.theme-preset-tile--compact{grid-template-rows:var(--space-7) auto}.theme-preset-tile:hover{transform:none}}@media (prefers-reduced-motion:reduce){.theme-preset-tile,.theme-preset-tile__preview{transition:none}.theme-preset-tile:hover{transform:none}}@layer components{.setup-guide{gap:var(--space-3);flex-direction:column;min-height:100%;display:flex}.setup-guide-dialog{height:min(44rem, calc(100vh - (2 * var(--space-4))))}.setup-guide-dialog .dialog-title{flex:1;min-width:0}.setup-guide__dialog-title{align-items:center;gap:var(--space-2);width:100%;min-width:0;display:flex}.setup-guide__dialog-title>.brand-lockup{flex:none}.setup-guide--welcome{min-height:32rem;margin:calc(-1 * var(--space-4));grid-template-columns:minmax(16rem,.85fr) minmax(0,1.15fr);gap:0;display:grid;position:relative}.setup-guide__artwork{border-bottom-left-radius:var(--radius-lg);min-height:100%;position:relative;overflow:hidden}.setup-guide__artwork:after{background:linear-gradient(90deg, transparent 52%, color-mix(in srgb, var(--surface-panel) 78%, transparent)), linear-gradient(0deg, color-mix(in srgb, var(--surface-app) 48%, transparent), transparent 48%);content:"";position:absolute;inset:0}.setup-guide__artwork-image{opacity:.7;object-fit:cover;object-position:right center;transform-origin:100% 100%;width:100%;height:100%;transform:scale(1.15)}.setup-guide__artwork-image[data-theme=high-fantasy]{object-position:center;transform:none}.setup-guide__welcome-copy{justify-content:center;gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.setup-guide__progress{color:var(--text-faded);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.setup-guide__intro{gap:var(--space-2);flex-direction:column;display:flex}.setup-guide__intro p{color:var(--text-muted)}.setup-guide__guidance{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.setup-guide__guidance legend{margin-bottom:var(--space-2);color:var(--text);font-weight:600}.setup-guide__guidance-option{align-items:start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-tint);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);grid-template-columns:auto 1fr;display:grid;position:relative;overflow:hidden}.setup-guide__guidance-option:has(input:checked){border-color:var(--accent);background:var(--accent-subtle);box-shadow:var(--shadow-sm)}.setup-guide__guidance-option:focus-within{outline:2px solid var(--accent);outline-offset:2px}.setup-guide__guidance-option input{z-index:1;width:var(--text-md);height:var(--text-md);margin:var(--space-1) 0 0;accent-color:var(--accent);padding:0;position:relative}.setup-guide__guidance-copy{z-index:1;gap:var(--space-1);flex-direction:column;display:flex;position:relative}.setup-guide__guidance-lines{flex-direction:column;display:flex}.setup-guide__guidance-lead{display:inline}.setup-guide__guidance-lines,.setup-guide__guidance-copy small{color:var(--text-muted);line-height:1.45}.setup-guide__welcome-action{min-width:calc(var(--space-7) * 2);align-self:flex-end}.setup-guide__wizard-step{gap:var(--space-4);flex-direction:column;min-height:0;display:flex}.setup-guide__work-step{gap:var(--space-2)}.setup-guide__profile-intro{gap:var(--space-1);margin-top:calc(-1 * var(--space-2));padding:0 var(--space-3) var(--space-1);text-align:center;flex-direction:column;display:flex;position:relative}.setup-guide__profile-intro:after{width:var(--space-7);background:linear-gradient(90deg, transparent, var(--accent), transparent);content:"";align-self:center;height:1px;margin-top:0}.setup-guide__profile-intro p{color:var(--text-muted)}.setup-guide__profile-kicker{color:var(--accent);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:700}.setup-guide__profile-panel{min-width:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 9%, transparent), transparent 42%), linear-gradient(145deg, color-mix(in srgb, var(--surface-raised) 76%, var(--surface-panel)), var(--surface-panel));box-shadow:var(--shadow-sm);margin:0;position:relative}.setup-guide__profile-panel legend{padding:0 var(--space-2);color:var(--text);font-weight:700}.setup-guide__creator-grid,.setup-guide__work-type-grid,.setup-guide__theme-grid{gap:var(--space-2);display:grid}.setup-guide__creator-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.setup-guide__creator-choice{min-width:0;min-height:var(--space-6);align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-tint);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);grid-template-columns:auto minmax(0,1fr);display:grid}.setup-guide__creator-choice input{width:var(--text-md);height:var(--text-md);accent-color:var(--accent);margin:0;padding:0}.setup-guide__creator-choice:focus-within{outline:2px solid var(--accent);outline-offset:2px}.setup-guide__choice-copy{align-items:center;gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.setup-guide__creator-choice small,.setup-guide__work-type small{color:var(--text-muted);white-space:normal;line-height:1.3}.setup-guide__choice-icon{width:var(--space-6);height:var(--space-6);border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border));border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--accent);flex:none;place-items:center;display:grid}.setup-guide__choice-icon>svg{width:var(--text-md);height:var(--text-md)}.setup-guide__work-type[aria-pressed=true]{border-color:var(--accent);background:var(--accent-subtle);color:var(--text);box-shadow:0 0 0 1px var(--accent), 0 0 var(--space-3) color-mix(in srgb, var(--accent) 18%, transparent)}.setup-guide__creator-choice:has(input:checked){border-color:var(--accent);background:var(--accent-subtle);color:var(--text);box-shadow:0 0 0 1px var(--accent), 0 0 var(--space-3) color-mix(in srgb, var(--accent) 18%, transparent)}.setup-guide__work-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-guide__work-type{min-height:var(--space-7);grid-template-columns:var(--space-6) minmax(0, 1fr);justify-content:stretch;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-soft);text-align:left;white-space:normal;display:grid}.setup-guide__work-type .setup-guide__choice-copy{align-items:flex-start}.setup-guide__work-step .setup-guide__profile-panel{padding:var(--space-2)}.setup-guide__work-step .setup-guide__work-type-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.setup-guide__work-step .setup-guide__work-type{min-height:calc(var(--space-7) + var(--space-4));grid-template-columns:var(--space-6) minmax(0, 1fr);gap:var(--space-2);padding:var(--space-3)}.setup-guide__work-step .setup-guide__creator-grid{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr))}.setup-guide__work-step .setup-guide__creator-choice .setup-guide__choice-copy{text-align:left;align-items:flex-start}.setup-guide__theme-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.setup-guide__theme-section{gap:var(--space-2);flex-direction:column;min-height:0;display:flex}.setup-guide__theme-heading{align-items:center;display:flex}.setup-guide__error{color:var(--color-danger)}@media (width<=640px){.setup-guide--welcome{grid-template-columns:1fr;min-height:0}.setup-guide__artwork{display:none}.setup-guide__welcome-copy{padding:var(--space-4)}.setup-guide__work-step .setup-guide__work-type-grid{grid-template-columns:1fr}.setup-guide__creator-grid,.setup-guide__theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.field{gap:var(--space-1);flex-direction:column;display:flex}.field--multiline{margin-bottom:var(--space-4)}.field-value{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text);align-items:stretch;min-height:2rem;line-height:1.4;display:flex}.field-value.field-empty{color:var(--text-faded)}.field-error{color:var(--color-danger);font-family:var(--font-ui);font-size:var(--text-sm);line-height:1.2}.field--draft{background:0 0;border:0;border-radius:0;padding:0}.ef-display{cursor:default;box-sizing:border-box;align-items:center;min-height:1.45em;display:inline-flex}.ef-display.ef-editable{cursor:text;border-bottom:1px dashed #0000;transition:border-color .15s,box-shadow .15s,background .15s}.ef-display.ef-editable:hover{border-bottom-color:var(--accent)}.ef-display.ef-editable:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.ef-display.ef-field-target.ef-editable{border-bottom:0}.ef-display.ef-empty{color:var(--text-muted)}.ef-field-target{width:100%;min-height:2rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-raised) 82%, var(--surface-panel));border:1px solid #0000;align-items:center;display:flex}.ef-field-target.ef-editable:hover{background:color-mix(in srgb, var(--surface-raised) 88%, var(--surface-panel));box-shadow:0 0 0 2px var(--editable-highlight-shadow)}.ef-field-target--required{border-color:var(--color-danger);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-danger) 24%, transparent)}.ef-field-target--multiline{align-items:flex-start;min-height:6.75rem}.ef-display.ef-field-target--multiline{width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);box-sizing:border-box;white-space:pre-wrap;border:1px solid #0000;display:flex}.ef-display.ef-select-label{padding:var(--space-1) var(--space-2);background:color-mix(in srgb, var(--accent) 18%, var(--surface-raised));border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));color:var(--text);font-size:var(--text-sm);letter-spacing:.06em;border-radius:999px;align-items:center;display:inline-flex}.ef-input{box-sizing:border-box;width:100%;padding:var(--space-1) var(--space-2);background:var(--surface-raised);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:inherit;line-height:inherit;border:1px solid #0000;outline:none;transition:border-color .15s,box-shadow .15s,background .15s,color .15s}.ef-input--draft{background:color-mix(in srgb, var(--surface-raised) 82%, var(--surface-panel));border-color:#0000;min-height:2rem}.ef-input--draft.ef-input--empty{background:color-mix(in srgb, var(--surface-raised) 88%, var(--surface-panel))}.ef-input--optional:hover{box-shadow:0 0 0 2px var(--editable-highlight-shadow)}.ef-input--draft-cue-optional{border-color:var(--color-success-border)}.ef-input--draft-cue-optional:hover,.ef-input--draft-cue-optional:focus{border-color:var(--color-success)}.ef-input--draft-cue-required{border-color:var(--color-danger-border)}.ef-input--required{border-color:var(--color-danger);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-danger) 24%, transparent)}.ef-input--draft-placeholder{color:var(--text-muted);opacity:.72;font-style:italic}.ef-input--draft::placeholder{color:var(--text-faded);font-style:italic}.ef-input:focus{border-color:var(--color-success);box-shadow:0 0 0 2px var(--editable-highlight-shadow)}.ef-input--required:focus{border-color:var(--color-danger)}textarea.ef-input{resize:vertical;min-height:60px}textarea.ef-input--multiline{min-height:6.75rem}textarea.ef-input--multiline-compact{resize:none;min-height:2.625rem}input[type=number].ef-input{max-width:100px}.ef-date-field{display:inline-block}.ef-date-display{align-items:center;gap:var(--space-1);min-height:2rem;display:inline-flex}.ef-date-link{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--accent);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;text-underline-offset:3px;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;text-decoration:underline;display:inline-flex}.ef-date-link svg{width:14px;height:14px}.ef-date-link:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-soft);filter:none}.ef-date-link:disabled{cursor:default;opacity:.65}.ef-date-display--empty .ef-date-link{color:var(--text-muted);text-decoration:none}.ept{gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 8%, transparent), transparent 42%), color-mix(in srgb, var(--surface-panel) 78%, transparent);flex-direction:column;display:flex}.ept-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.ept-toolbar-side{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-left:auto;display:inline-flex}.ept-header-content{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.ept-title-group{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ept-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.ept-title{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.04em;color:var(--text);margin:0}.ept-copy{max-width:780px;color:var(--text);line-height:1.55;font-size:var(--text-base);margin:0}.ept-create-chip{align-items:center;gap:var(--space-2);border:1px solid color-mix(in srgb, var(--color-success) 55%, var(--border));border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-success) 14%, transparent);color:color-mix(in srgb, var(--color-success) 85%, white 10%);padding:var(--space-2) calc(var(--space-2) + var(--space-1));cursor:pointer;transition:all var(--transition-fast);font-weight:600;display:inline-flex}.ept-create-chip:hover{background:color-mix(in srgb, var(--color-success) 20%, transparent);border-color:var(--color-success)}.ept-create-chip--secondary{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);color:color-mix(in srgb, var(--accent) 85%, white 8%)}.ept-create-chip--secondary:hover{background:color-mix(in srgb, var(--accent) 16%, transparent);border-color:var(--accent)}.ept-create-chip-icon{background:color-mix(in srgb, var(--color-success) 24%, transparent);border-radius:999px;justify-content:center;align-items:center;width:1rem;height:1rem;display:inline-flex}.ept-create-chip--secondary .ept-create-chip-icon{background:color-mix(in srgb, var(--accent) 22%, transparent)}.ept-query-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ept-query-supplement{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.ept-query-strip{align-items:center;gap:var(--space-2);min-width:200px;max-width:360px;padding:var(--space-2) calc(var(--space-2) + var(--space-1));border:1px solid var(--border);border-radius:var(--radius-full);background:color-mix(in srgb, var(--surface-panel) 92%, transparent);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:0 360px;display:flex}.ept-query-strip:focus-within,.ept-query-strip.is-active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}.ept-pills{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1;min-width:220px;display:flex}.ept-hint{color:var(--text-faded);font-size:var(--text-sm);font-style:italic}.ept-filter{flex-shrink:0;position:relative}.ept-filter--compact .ept-filter-menu{left:0;right:auto}.ept-filter-trigger{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);padding:var(--space-2) var(--space-3);cursor:pointer;transition:all var(--transition-fast);background:0 0;display:inline-flex}.ept-filter-trigger:hover,.ept-filter-trigger.is-open{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 6%, transparent)}.ept-filter-trigger.is-compact{color:var(--text-muted);background:0 0;border:0;padding:0}.ept-filter-trigger.is-compact:hover,.ept-filter-trigger.is-compact.is-open{color:var(--text);background:0 0}.ept-filter-trigger-icon{flex-shrink:0;width:.82rem;height:.82rem}.ept-filter-menu{z-index:20;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:180px 200px;min-width:380px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 28px #00000047}.ept-filter-groups{border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface-panel) 88%, transparent);flex-direction:column;display:flex}.ept-filter-group,.ept-filter-value{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--text-muted);padding:calc(var(--space-2) + var(--space-1)) var(--space-3);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.ept-filter-group.is-active,.ept-filter-group:hover,.ept-filter-value:hover{background:color-mix(in srgb, var(--accent) 9%, transparent);color:var(--text)}.ept-filter-values{padding:var(--space-2);flex-direction:column;display:flex}.ept-filter-values-title{padding:var(--space-2) var(--space-2) var(--space-2);color:var(--text-faded)}.ept-filter-chevron{width:.9rem;height:.9rem;color:var(--text-faded);flex-shrink:0}@media (width<=900px){.ept-filter-menu{min-width:min(380px,100vw - 48px);left:0;right:auto}.ept-query-strip{flex-basis:100%;min-width:0;max-width:none}}.sl{border-right:1px solid var(--border);background:0 0;flex-direction:column;flex:0 0 320px;width:320px;min-width:320px;max-width:320px;display:flex;overflow:hidden}.sl__body{min-height:80px;padding:var(--space-1) 0;flex:1;overflow-y:auto}.sl__group-hd{align-items:center;gap:var(--space-1);width:100%;min-height:30px;padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border-soft);border-radius:var(--radius-sm);margin:0 0 var(--space-1);color:var(--text-muted);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;display:flex}.sl__group-hd:hover{background:var(--surface-hover);border-color:color-mix(in srgb, var(--sl-entity-color,var(--accent)) 40%, var(--border));color:var(--text)}.sl__chevron{color:var(--sl-entity-color,var(--text-faded));transition:transform var(--transition-fast);flex:0 0 10px;width:10px;display:inline-block;transform:rotate(0)}.sl__chevron.open{transform:rotate(90deg)}.sl__group-icon{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-muted);font-size:var(--text-sm);background:0 0;flex:0 0 20px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.sl__group-label{color:var(--text-muted);text-shadow:none;flex:1}.sl__group-count{font-size:var(--text-2xs);font-family:var(--font-ui);color:var(--text-faded);border:1px solid var(--border-soft);min-width:22px;padding:var(--space-1) var(--space-2);text-align:center;background:0 0;border-radius:999px}.sl__group-items{padding:0 0 var(--space-1) var(--space-1)}.sl__entry{margin-right:var(--space-1);position:relative}.sl__entry--sortable{cursor:grab;touch-action:none}.sl__entry--sortable:active{cursor:grabbing}.sl__entry--dragging{z-index:2}.sl__entry-action{opacity:.68;pointer-events:auto;transition:opacity var(--transition-fast);position:absolute;top:50%;right:8px;transform:translateY(-50%)}.sl__entry:hover .sl__entry-action,.sl__entry:focus-within .sl__entry-action{opacity:1;pointer-events:auto}.sl__subgroup{border-left:1px solid var(--border-soft);padding-left:var(--space-1);margin-left:0;margin-bottom:var(--space-1)}.sl__subgroup-hd{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.sl__subgroup-hd:hover{background:0 0}.sl__subgroup-label{color:var(--text-muted);flex:1}.sl__subgroup-count{font-size:var(--text-2xs);color:var(--text-faded)}.sl__subgroup-items{padding:0 0 var(--space-1)}.sl__subgroup--nested{margin-left:var(--space-2)}.sl__entry-group{margin-bottom:var(--space-1)}.sl__entry-group-card{position:relative}.sl__entry-group-toggle.btn{background:color-mix(in srgb, var(--surface-panel) 88%, transparent);border-color:#0000;width:20px;min-width:20px;height:20px;padding:0;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.sl__entry-group-toggle.btn:hover:not(:disabled),.sl__entry-group-toggle.btn:focus-visible{background:var(--surface-hover)}.sl__entry-group-children{margin-left:calc(var(--space-2) + var(--space-1));padding-left:var(--space-2);border-left:1px solid var(--border-soft)}.sl__empty{padding:var(--space-4);text-align:center;color:var(--text-faded);font-size:var(--text-sm);font-style:italic}@container entity-page (width<=40rem){.entity-page-body>.sl{border-right:0;border-bottom:1px solid var(--border);flex:0 35%;width:100%;min-width:0;max-width:none}}}.tutorial-help{align-items:center;gap:var(--space-2);display:inline-flex;position:relative}.tutorial-help--reminder{color:var(--color-highlight)}.tutorial-help--reminder .action-menu__trigger-label>svg{filter:drop-shadow(0 0 var(--space-1) var(--color-highlight)) drop-shadow(0 0 var(--space-2) var(--color-highlight));transform-origin:50%;animation:tutorial-help-reminder-pulse var(--tutorial-motion-duration) ease-in-out infinite alternate}.sticky-header:has(.tutorial-help--setup-preview){z-index:calc(var(--z-modal) + 1);pointer-events:none}.sticky-header:has(.tutorial-help--setup-preview):after{z-index:1;background:var(--modal-backdrop);pointer-events:none;content:"";position:absolute;inset:0}.tutorial-help--setup-preview{z-index:2}.tutorial-help--setup-preview .action-menu__trigger-label{overflow:visible}.tutorial-help--setup-preview .action-menu__trigger-label>svg{width:var(--space-4);height:var(--space-4)}.tutorial-help--setup-preview .action-menu__trigger:disabled{opacity:1;cursor:default}.tutorial-help--setup-preview .action-menu__trigger:hover:not(:disabled),.tutorial-help--setup-preview .action-menu__trigger:focus-visible{box-shadow:none;background:0 0}.tutorial-help__reminder{right:0;top:calc(100% + var(--space-2));z-index:var(--z-toast);width:max-content;max-width:min(18rem,80vw);padding:var(--space-2) var(--space-3);border:1px solid var(--border-warm);border-radius:var(--radius-sm);background:var(--surface-raised);box-shadow:var(--shadow-lg);color:var(--text);font-size:var(--text-sm);text-align:left;white-space:normal;position:absolute}.tutorial-help svg{width:1rem;height:1rem}.tutorial-step-replay{color:var(--text-faded);flex:none}.tutorial-step-replay:hover:not(:disabled),.tutorial-step-replay:focus-visible{color:var(--accent)}@keyframes tutorial-help-reminder-pulse{to{filter:drop-shadow(0 0 var(--space-2) var(--color-highlight)) drop-shadow(0 0 var(--space-3) var(--color-highlight));transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.tutorial-help--reminder .action-menu__trigger-label>svg{animation:none}}.global-assistant-overlay{right:var(--space-3);bottom:var(--space-3);z-index:var(--z-modal);width:min(30rem, calc(100vw - (2 * var(--space-3))));height:min(42rem,100vh - 5rem);position:fixed}.global-assistant-overlay .dialog{width:100%;max-width:none;height:100%}.global-assistant-overlay .dialog-body{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex}.global-assistant-toolbar,.global-assistant-provider,.global-assistant-context,.global-assistant-composer{align-items:center;gap:var(--space-2);display:flex}.global-assistant-toolbar .dropdown,.global-assistant-provider .dropdown{flex:1;min-width:0}.global-assistant-full-link{align-items:center;gap:var(--space-1);color:var(--accent);font-size:var(--text-sm);text-decoration:none;display:inline-flex}.global-assistant-full-link svg{width:1rem;height:1rem}.global-assistant-context{padding:var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-tint);color:var(--text-muted);font-size:var(--text-sm);justify-content:space-between}.global-assistant-context strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.global-assistant-messages{gap:var(--space-2);min-height:0;padding:var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-app);flex-direction:column;flex:1;display:flex;overflow-y:auto}.global-assistant-error{color:var(--color-danger);font-size:var(--text-sm)}.global-assistant-composer{align-items:flex-end}.global-assistant-composer .ef-input{flex:1}@media (width<=720px){.global-assistant-overlay{inset:var(--space-2);width:auto;height:auto}.global-assistant-toolbar{flex-wrap:wrap}}.color-field-control{align-items:center;gap:var(--space-2);min-height:32px;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--text-muted);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);display:inline-flex;position:relative}.color-field-control:hover{border-color:var(--accent);background:var(--surface-hover);color:var(--text)}.color-field-control:focus-within{border-color:var(--accent)}.color-field-control input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-field-control input:disabled{cursor:not-allowed}.color-field-swatch{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--color-field-value);width:22px;height:22px;box-shadow:var(--shadow-sm)}.color-field-text{font-family:var(--font-ui);font-size:var(--text-sm);color:inherit}.currency-amount-field{gap:var(--space-1);flex-direction:column;display:flex}.currency-amount-field__control{background:color-mix(in srgb, var(--surface-raised) 82%, var(--surface-panel));border:1px solid var(--border);border-radius:var(--radius-sm);width:fit-content;min-width:8rem;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);align-items:center;display:inline-flex;overflow:hidden}.currency-amount-field__control:hover{background:color-mix(in srgb, var(--surface-raised) 88%, var(--surface-panel));box-shadow:0 0 0 2px var(--editable-highlight-shadow)}.currency-amount-field__control:focus-within{border-color:var(--color-success);box-shadow:0 0 0 2px var(--editable-highlight-shadow)}.currency-amount-field--invalid .currency-amount-field__control,.currency-amount-field--invalid .currency-amount-field__control:focus-within{border-color:var(--color-danger);box-shadow:var(--shadow-danger-glow)}.currency-amount-field__symbol{padding:0 var(--space-2);color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-sm)}.currency-amount-field__input{width:6rem;padding:var(--space-1) var(--space-2);border:0;border-left:1px solid var(--border);color:var(--text);font-family:var(--font-ui);font-size:var(--text-sm);background:0 0;outline:none}.currency-amount-field__error{color:var(--color-danger);font-family:var(--font-ui);font-size:var(--text-sm)}.tension-slider-control{gap:var(--space-2);min-width:0;font-family:var(--font-ui);display:grid}.tension-slider-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.tension-slider-value{color:var(--tension-color);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.tension-slider-input{width:100%;min-width:0;accent-color:var(--tension-color);cursor:pointer}.tension-slider-input:focus-visible{outline:2px solid var(--editable-highlight-border);outline-offset:2px}.tension-slider-steps{color:var(--text-faded);font-size:var(--text-xs);text-align:center;grid-template-columns:repeat(9,1fr);line-height:1;display:grid}.tension-slider-control--compact{gap:var(--space-1);grid-template-columns:max-content minmax(0,1fr);width:100%}.tension-slider-control--compact .tension-slider-head{display:contents}.tension-slider-control--compact .label{white-space:nowrap;grid-area:2/1;align-self:center}.tension-slider-control--compact .tension-slider-value{text-align:right;grid-area:1/2}.tension-slider-control--compact .tension-slider-value__step{display:none}.tension-slider-control--compact .tension-slider-input{grid-area:2/2}.tension-slider-control--compact .tension-slider-steps{grid-area:3/2}.tension-level-status{max-width:100%;color:var(--tension-color);text-overflow:ellipsis;white-space:nowrap;align-items:center;display:inline-flex;overflow:hidden}.sgt-root{gap:var(--space-2);padding:var(--space-2);flex-direction:column;display:flex}.sgt-goals-section{border-radius:var(--radius-md);padding:var(--space-2)}.sgt-section-header{font-size:var(--text-sm);font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-2) 0}.sgt-goal-item{gap:var(--space-1);margin-bottom:var(--space-2);flex-direction:column;display:flex}.sgt-goal-item:last-child{margin-bottom:0}.sgt-goal-title{color:var(--text)}.sgt-empty-state{font-size:var(--text-sm);color:var(--text-faded);font-style:italic;font-family:var(--font-ui)}.sgt-pinned-section{border-left:2px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-2)}.sgt-pinned-todo{align-items:flex-start;gap:var(--space-1);padding:var(--space-1) 0;font-size:var(--text-sm);font-family:var(--font-ui);color:var(--text);display:flex}.sgt-pin-icon{width:var(--space-3);height:var(--space-3);flex-shrink:0}.sgt-todos-section,.sgt-chapter-group{gap:var(--space-1);flex-direction:column;display:flex}.sgt-chapter-header{color:var(--text-muted);padding:var(--space-1) 0;border-bottom:1px solid var(--border);margin-bottom:var(--space-1)}.sgt-todo-row{align-items:flex-start;gap:var(--space-1);padding:var(--space-1) var(--space-1);border-radius:var(--radius-sm);transition:background var(--transition-fast);display:flex}.sgt-todo-row:hover{background:var(--surface-hover)}.sgt-todo-checkbox{margin-top:var(--space-1);cursor:pointer;accent-color:var(--accent);flex-shrink:0}.sgt-todo-title{color:var(--text);flex:1}.sgt-todo-row.done .sgt-todo-title{color:var(--text-faded);text-decoration:line-through}.page-with-sidebar{background:var(--surface-app);flex:1;height:100%;display:flex;overflow:hidden}.page-main-content{flex:1;height:100%;transition:margin-right .3s;overflow:hidden auto}.page-main-content.sidebar-open{margin-right:var(--page-sidebar-width)}.entity-detail-col{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}@media (width<=768px){.page-main-content.sidebar-open{margin-right:0}}.page-sidebar{top:var(--app-header-height);border-left:1px solid var(--border);z-index:var(--z-page-sidebar);width:var(--page-sidebar-width);border-right:1px solid var(--border-soft);background:var(--surface-overlay);flex-direction:column;flex-shrink:0;transition:transform .3s;display:flex;position:fixed;bottom:0;right:0;overflow:visible}.page-sidebar.collapsed{transform:translate(calc(100% + 1px))}.page-sidebar-header{padding:var(--space-1) var(--space-2);border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:flex-start;align-items:center;display:flex}.page-sidebar-toggle{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.page-sidebar-toggle svg{stroke-width:2px;width:16px;height:16px}.page-sidebar-toggle:hover{background:var(--surface-hover);color:var(--text)}.page-sidebar.collapsed .page-sidebar-header{left:-34px;top:var(--space-2);z-index:101;border-bottom:0;padding:0;position:absolute}.page-sidebar.collapsed .page-sidebar-toggle{background:var(--surface-panel);border:1px solid var(--border);border-radius:var(--radius-md) 0 0 var(--radius-md);width:34px;height:36px;box-shadow:var(--shadow-sm);border-right:none}.ps-tab-bar{gap:var(--space-1);padding:var(--space-1) 0 var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-2);flex-direction:row;display:flex}.ps-tab-pill{background:var(--surface-panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:var(--text-md);padding:var(--space-1) 0;transition:background var(--transition-fast), color var(--transition-fast);flex:1;justify-content:center;align-items:center;display:flex}.ps-tab-pill:hover{background:var(--surface-raised);color:var(--text)}.ps-tab-pill--active{background:var(--surface-raised);border-color:var(--accent);color:var(--accent)}.page-sidebar-inner{min-height:0;padding:var(--space-3);flex-direction:column;flex:1;display:flex;overflow:hidden}.page-sidebar-title{font-size:var(--text-base);color:var(--color-highlight);margin:0 0 var(--space-3) 0;padding-bottom:var(--space-2);border-bottom:1px solid var(--border);font-weight:600}.page-sidebar-content{gap:var(--space-2);flex-direction:column;display:flex}.page-sidebar-content-shell{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.page-sidebar-list-body{min-height:0;padding:var(--space-1);flex:1}.page-sidebar-search{margin-bottom:var(--space-3);box-sizing:border-box;flex-shrink:0;width:100%}.page-sidebar-search .search-bar__input{width:100%;min-width:0}.page-sidebar-empty{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-3);text-align:center;font-style:italic}.page-sidebar-hint{font-size:var(--text-sm);color:var(--color-warning);padding:var(--space-1) var(--space-2) var(--space-2);line-height:1.5}.page-sidebar-dropzone{border-radius:var(--radius-sm);height:100%;min-height:100px;transition:background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base);flex-direction:column;flex:1;display:flex}.page-sidebar-inner::-webkit-scrollbar{width:6px}.page-sidebar-inner::-webkit-scrollbar-track{background:0 0}.page-sidebar-inner::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.page-sidebar-inner::-webkit-scrollbar-thumb:hover{background:var(--color-highlight)}@media (width<=768px){.page-sidebar{width:100%;transform:translate(100%)}.page-sidebar.open{transform:translate(0)}.page-sidebar.collapsed{transform:translate(100%)}.page-sidebar.collapsed .page-sidebar-header{left:-40px}.page-sidebar.collapsed .page-sidebar-toggle{width:40px;height:44px}}@layer reset{*,:before,:after{box-sizing:border-box}}@layer tokens{:root{--surface-app:#121212;--surface-panel:#1e1a16;--surface-raised:#2a1f1a;--surface-sidebar:#301e19;--surface-overlay:#161210f2;--surface-1:var(--surface-panel);--surface-2:var(--surface-raised);--text:#d8ccbc;--text-main:var(--text);--text-muted:#b0a89d;--text-faded:#969696;--text-dim:var(--text-faded);--text-on-accent:#fff;--tutorial-text:color-mix(in srgb, var(--text) 60%, var(--text-on-accent));--accent:#7b4cd8;--accent-light:#7b4cd840;--accent-glow:#7b4cd873;--accent-subtle:#7b4cd80f;--border:#5e4c44;--border-soft:#fff3;--border-warm:#daba8c40;--color-success:#4caf50;--color-success-bg:#4caf5026;--color-success-border:#4ade8066;--color-warning:#ff9800;--color-warning-bg:#ff98001a;--color-warning-border:#ff980040;--color-danger:#c43e3e;--color-danger-bg:#c43e3e26;--color-danger-border:#e0525266;--color-danger-glow:#c43e3e47;--color-info:#2196f3;--color-info-bg:#2196f326;--color-highlight:#f0e6b3;--fmt-proactive:#4a8cc8;--fmt-reactive:#c8843a;--surface-hover:#ffffff0d;--surface-tint:#ffffff05;--editable-highlight-shadow:#4ade802e;--modal-backdrop:#0009;--modal-backdrop-light:#00000080;--dnd-over-bg:#825ac81a;--dnd-over-border:var(--color-highlight);--dnd-over-shadow:#ffd7004d;--font-display:"Cinzel", serif;--font-ui:"Jost", sans-serif;--font-prose:"Lora", serif;--font-ui-scale:1.07563;--font-ui-weight:400;--font-prose-scale:1.07563;--font-prose-weight:400;--text-3xs:calc(.56rem * var(--font-ui-scale));--text-2xs:calc(.64rem * var(--font-ui-scale));--text-xs:calc(.72rem * var(--font-ui-scale));--text-sm:calc(.8rem * var(--font-ui-scale));--text-base:calc(.875rem * var(--font-ui-scale));--text-md:calc(1rem * var(--font-ui-scale));--text-lg:calc(1.1rem * var(--font-ui-scale));--text-prose-sm:calc(.8rem * var(--font-prose-scale));--text-prose-base:calc(.875rem * var(--font-prose-scale));--text-prose-md:calc(1rem * var(--font-prose-scale));--text-prose-lg:calc(1.1rem * var(--font-prose-scale));--text-xl:1.4rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-display-sm:clamp(1.5rem, 2.7vw, 2.4rem);--text-display-md:clamp(1.75rem, 3.2vw, 3rem);--text-display-lg:clamp(2rem, 4vw, 3.8rem);--text-display-xl:clamp(2.5rem, 6vw, 5.6rem);--text-display-mobile-sm:clamp(1.8rem, 10vw, 2.4rem);--text-display-mobile-md:clamp(2rem, 11vw, 3.4rem);--text-root-s:15px;--text-root-m:17px;--text-root-l:20px;--tracking-wide:.08em;--icon-xs:.875rem;--detail-action-icon-size:1.15rem;--tutorial-card-width:15rem;--tutorial-card-wide-width:32rem;--tutorial-card-mobile-width:13rem;--tutorial-card-max-width:48rem;--relation-callout-width:22rem;--relation-field-number-width:7rem;--relation-field-short-width:12rem;--relation-shelf-card-width:12rem;--rail-creation-add-width:6rem;--rail-creation-connector-width:4rem;--relationship-graph-height:26rem;--relationship-graph-node-size:4.5rem;--relationship-graph-edge-width:.125rem;--tutorial-motion-duration:1.8s;--tutorial-text-motion-duration:2.4s;--opacity-subordinate:.62;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 12px 40px #0009;--shadow-danger-glow:0 0 .625rem var(--color-danger-glow);--transition-fast:.12s ease;--transition-base:.18s ease;--z-dropdown:150;--z-page-sidebar:10;--z-sticky:20;--z-modal:1000;--z-tooltip:1100;--z-toast:1200;--scrollbar-width:8px;--scrollbar-width-xs:4px;--scrollbar-thumb:#ffffff4d;--scrollbar-thumb-hover:#fff6;--scrollbar-track:#0000001a;--e-chapter:#b8892a;--e-chapter-bg:#b8892a24;--e-scene:#d4b868;--e-story-arc:#2858a0;--e-storyline:#4890c8;--e-beat:#90c0e0;--e-power:#c84040;--e-event:#6a8858;--e-era:#3a7860;--e-location:#c040b8;--e-territory:sienna;--e-poi:#c040b8;--e-geo:#5d8a5e;--e-organization:#4a7dab;--e-social-group:#6b8e8e;--e-population:#8a7a6a;--e-character:#c8a080;--tension-rest:#4a8cc8;--tension-unease:#5a9c88;--tension-anticipation:#8abc50;--tension-active-conflict:#c8c050;--tension-crisis:#e0903a;--tension-point-no-return:#d06030;--tension-climax:#c84040;--tension-aftermath:#985090;--e-faction:#7850b0;--e-language:#c05080;--e-item:#909090;--rarity-common:#909090;--rarity-uncommon:#4caf50;--rarity-rare:#4a8cc8;--rarity-epic:#9c27b0;--rarity-legendary:#c8843a;--sidebar-width:250px;--sidebar-collapsed-width:50px;--app-header-height:var(--space-6);--page-sidebar-width:300px}}@layer base{html{font-size:var(--text-root-m);height:100%}html[data-size=S]{font-size:var(--text-root-s)}html[data-size=M]{font-size:var(--text-root-m)}html[data-size=L]{font-size:var(--text-root-l)}body{font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--font-ui-weight);background-color:var(--surface-app);color:var(--text);flex-direction:column;min-width:320px;height:100vh;min-height:100vh;margin:0;display:flex;overflow:hidden}h1{font-family:var(--font-display);font-size:var(--text-2xl);margin:0;line-height:1.1}h2{font-family:var(--font-display);font-size:var(--text-xl);margin:0}h3{font-size:var(--text-lg);margin:0;font-weight:600}h4{font-size:var(--text-base);margin:0;font-weight:600}p{line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{font-family:var(--font-ui);font-size:var(--text-base);background:var(--surface-panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);box-sizing:border-box;transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}button{font-family:var(--font-ui);font-size:var(--text-base)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}button:not([class]){justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), filter var(--transition-fast);font-weight:500;display:inline-flex}button:not([class]):hover:not(:disabled){filter:brightness(1.15)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}.scrollbar-xs{scrollbar-width:thin}.scrollbar-xs::-webkit-scrollbar{width:var(--scrollbar-width-xs);height:var(--scrollbar-width-xs)}.scrollbar-xs::-webkit-scrollbar-track{background:0 0}}@layer utilities{.text-chart{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:normal;text-transform:none;font-style:normal;font-weight:500;line-height:1.2}.text-chart--compact{font-size:var(--text-2xs)}.text-menu{font-family:var(--font-ui);font-size:var(--text-base);letter-spacing:normal;text-transform:none;font-style:normal;font-weight:500;line-height:1.3}.text-menu--secondary{font-size:var(--text-sm);font-weight:400}.text-menu--compact{font-size:var(--text-xs)}.text-entity-name{font-family:var(--font-ui);font-size:var(--text-base);letter-spacing:normal;text-transform:none;font-style:normal;font-weight:600;line-height:1.2}.text-entity-name--compact{font-size:var(--text-sm)}.text-entity-name--title{font-size:var(--text-lg)}.text-status{font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:normal;text-transform:none;font-style:normal;font-weight:600;line-height:1.2}.text-status--compact{font-size:var(--text-xs)}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.page{padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.grow{flex:1;min-width:0}.center{justify-content:center;align-items:center;display:flex}.page-loader-shell{justify-content:center;align-items:center;height:100%;display:flex}.entity-page-fill{flex:1;height:100%;display:flex;overflow:hidden}.entity-page-column{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden;container:entity-page/inline-size}.entity-page-body{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.entity-page-scroll-column{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow-y:auto}@container entity-page (width<=40rem){.entity-page-body{flex-direction:column}.entity-page-body>.entity-page-scroll-column,.entity-page-body>.entity-detail-col{width:100%;min-width:0}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}