@layer vendor,foundation;@layer common{.header-action-dropdown-wrapper{position:relative}.header-action-dropdown{top:100%;z-index:var(--z-shell,1000);background:var(--color-card-background,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-sm,4px);box-shadow:var(--shadow-md,0 1px 2px #0000000f, 0 4px 12px #00000014);width:max-content;min-width:120px;max-width:min(360px, calc(100vw - 2 * var(--space-md,1rem)));margin:var(--space-xs,.25rem) 0 0;padding:0;list-style:none;display:none;position:absolute;inset-inline-end:0}.header-action-dropdown.show{display:block}.header-action-dropdown--scrollable{min-width:180px;max-height:320px;overflow-y:auto}.header-action-dropdown-option{--btn-padding-block:var(--space-sm,.5rem);--btn-padding-inline:var(--space-md,1rem);white-space:normal;overflow-wrap:anywhere}@media (pointer:coarse){.header-action-dropdown-option{min-height:var(--touch-target-min,44px)}}.header-action-dropdown-option:active{background:var(--color-background-muted,#e9ecef)}.header-action-dropdown li:not(:last-child)>.header-action-dropdown-option{border-bottom:1px solid var(--color-border-light,#eef1f6)}.header-action-dropdown li:first-child>.header-action-dropdown-option{border-radius:var(--radius-sm,4px) var(--radius-sm,4px) 0 0}.header-action-dropdown li:last-child>.header-action-dropdown-option{border-radius:0 0 var(--radius-sm,4px) var(--radius-sm,4px)}.header-action-menu-item-content{align-items:start;gap:var(--space-sm,.5rem);display:flex}.header-action-menu-item-leading{min-width:1ch;line-height:var(--lh-ui,1.3);text-align:center;flex:none;display:none}.header-action-menu-item-leading:not(:empty){display:block}.header-action-menu-item-label{min-width:0;line-height:var(--lh-ui,1.3);flex:auto;display:block}.tab-strip{gap:2px;display:flex;overflow-x:auto}.tab-strip-tab{padding:var(--space-sm,.5rem);font-size:var(--fs-sm,max(.8125rem, 12px));color:var(--text-secondary,#666);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:none}.tab-strip-tab:hover{color:var(--text-color,#333)}.tab-strip-tab[aria-selected=true]{color:var(--color-accent-text,#1d4ed8);border-bottom-color:var(--primary-color,#3b82f6);font-weight:var(--fw-bold,700)}.toast-region{inset-inline:0;bottom:var(--space-lg);align-items:center;gap:var(--space-sm);padding-inline:var(--space-md);pointer-events:none;z-index:var(--z-floating);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-sm);max-width:36rem;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-notice-border);border-radius:var(--radius-md);background:var(--color-notice-bg);color:var(--color-notice-text);box-shadow:var(--shadow-lg);pointer-events:auto;transition:opacity .2s ease-in,translate .2s ease-in;animation:.2s ease-out toast-enter;display:flex}.toast.is-leaving{opacity:0;translate:0 8px}.toast-text{flex:auto}@keyframes toast-enter{0%{opacity:0;translate:0 8px}}.mode-switch{align-items:center;gap:var(--control-gap);flex-direction:column;display:flex}.mode-button{--btn-disabled-opacity:1;min-width:5rem}@media (width<=768px){.mode-switch{align-items:flex-start;gap:var(--layout-gap);flex-direction:column}.mode-switch-buttons{width:100%}.mode-button{flex:auto}}.notes-drawer{top:var(--space-lg);z-index:var(--z-shell);width:min(420px,90vw);min-width:min(320px,100vw);max-width:90vw;height:50vh;min-height:220px;max-height:calc(100vh - 2 * var(--space-lg));background:var(--color-card-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;display:none;position:fixed;inset-inline-end:0}.notes-drawer.visible{display:flex}.notes-drawer-header{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex:none;display:flex}.notes-drawer-header:active{cursor:grabbing}.notes-drawer-title{font-weight:var(--fw-bold);color:var(--text-color)}.notes-drawer-tabs{padding:var(--space-xs) var(--space-sm) var(--space-md);background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);flex:none;align-items:start;display:flex}.notes-drawer-tablist{flex:auto;min-width:0}.notes-drawer-tab-actions{flex:none;gap:2px;display:flex}.notes-drawer-tab-add,.notes-drawer-tab-rename,.notes-drawer-tab-delete{padding:var(--space-sm);font-size:var(--fs-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:none;line-height:1}.notes-drawer-tab-add:hover,.notes-drawer-tab-rename:hover,.notes-drawer-tab-delete:hover{color:var(--text-color)}@media (pointer:coarse){.notes-drawer-tab-add,.notes-drawer-tab-rename,.notes-drawer-tab-delete,.notes-drawer-tab{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}}.notes-drawer-tab-rename{align-items:center;margin-inline-start:calc(-1 * var(--space-xs));display:inline-flex}.notes-drawer-tab-rename svg{width:1em;height:1em}.notes-drawer-tab-delete{margin-inline-start:calc(-1 * var(--space-xs))}.notes-drawer-tab-input{width:8ch;padding:var(--space-xs) var(--space-sm);font-size:var(--fs-sm);color:var(--text-color);background:var(--color-card-background);border:1px solid var(--primary-color);border-radius:var(--radius-xs);flex:none;font-family:inherit}.notes-drawer-editor{flex:auto;min-height:0}.notes-drawer-resize-handle{inset-inline-end:1px;cursor:nwse-resize;touch-action:none;background-image:repeating-linear-gradient(135deg, var(--color-border-medium) 0 1.5px, transparent 1.5px 4px);background-position:100% 100%;background-repeat:no-repeat;background-size:10px 10px;width:14px;height:14px;position:absolute;bottom:1px}.notes-drawer .ql-toolbar.ql-snow{border:none;border-bottom:1px solid var(--color-border);font-family:var(--font-family-main)}.notes-drawer .ql-container.ql-snow{font-family:var(--font-family-main);font-size:var(--fs-base);border:none}.notes-drawer .ql-editor.ql-blank:before{color:var(--text-muted);font-style:normal}.notes-drawer .ql-toolbar.ql-snow{align-items:center;gap:var(--space-xs);display:flex}.notes-drawer .ql-toolbar.ql-snow .ql-formats{align-items:center;margin-inline-end:0;display:inline-flex}.notes-drawer .ql-toolbar .notes-link-formats{margin-inline-end:auto}.notes-drawer .ql-toolbar .header-action-dropdown-wrapper{display:inline-flex}.notes-drawer .ql-toolbar .header-action-dropdown-wrapper button{float:none;width:auto;height:auto;padding:var(--btn-padding-block) var(--btn-padding-inline)}.notes-drawer .notes-link-control>.btn{width:auto;min-width:0;height:auto;min-height:var(--btn-height-toolbar-xs);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--fs-sm);line-height:var(--lh-ui);white-space:nowrap;color:var(--color-accent-text);background:var(--primary-color-light);border-color:var(--primary-color)}@media (pointer:coarse){.notes-drawer .notes-link-control>.btn{min-height:var(--touch-target-min)}}.notes-drawer .notes-link-control>.header-action-dropdown{inset-inline:0 auto}.notes-drawer .notes-link-back{color:var(--text-secondary);font-size:var(--fs-sm)}.notes-module-link{color:var(--primary-color);background:var(--primary-color-light);border-radius:var(--radius-xs);cursor:pointer;padding:0 4px;text-decoration:none}.notes-module-link:hover{text-decoration:underline}.notes-highlight-flash{animation:1.5s ease-out notes-highlight-pulse}@keyframes notes-highlight-pulse{0%{box-shadow:0 0 0 3px var(--primary-color)}to{box-shadow:0 0 0 3px #0000}}.sidebar{inset-inline-start:0;height:100vh;width:var(--sidebar-rail-width);background-color:var(--secondary-color);color:#fff;z-index:var(--z-shell);box-shadow:var(--shadow-md);flex-direction:column;transition:width .3s;display:flex;position:fixed;top:0}@media (hover:hover){.sidebar:hover{width:250px}}.sidebar.is-expanded{width:250px}.sidebar:has(:focus-visible){width:250px}.sidebar-header{padding:var(--card-pad);background-color:var(--primary-color);border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;min-height:60px;display:flex}.sidebar-title{font-size:var(--fs-h1);font-weight:var(--fw-bold);letter-spacing:-.025em;line-height:var(--lh-ui);color:#fff;white-space:nowrap;opacity:0;margin:0;transition:opacity .3s .1s}@media (hover:hover){.sidebar:hover .sidebar-title,.sidebar:hover .sidebar-nav-text,.sidebar:hover:after{opacity:1}}.sidebar.is-expanded .sidebar-title,.sidebar.is-expanded .sidebar-nav-text,.sidebar.is-expanded:after{opacity:1}.sidebar:has(:focus-visible) .sidebar-title{opacity:1}.sidebar:has(:focus-visible) .sidebar-nav-text{opacity:1}.sidebar:has(:focus-visible):after{opacity:1}.sidebar-content{flex-direction:column;flex:1;display:flex;overflow:hidden auto}.sidebar-nav{flex:1;margin:0;padding:0;list-style:none}.sidebar-nav-item{position:relative}.sidebar-nav-button{--btn-radius:0;--btn-fill:transparent;--btn-hover-fill:#ffffff1a;--btn-active-fill:var(--color-accent-solid);border:none;color:#fff;width:100%;padding:var(--card-pad);text-align:start;font-size:var(--fs-base);white-space:nowrap;border-inline-start:3px solid #0000;justify-content:flex-start}.sidebar-nav-button.is-active{border-inline-start-color:var(--primary-hover)}.sidebar-nav-text{opacity:0;font-size:var(--fs-base);transition:opacity .3s .1s}.sidebar-nav-bottom{border-top:1px solid #ffffff1a;padding-top:4px}.sidebar-settings{padding:var(--layout-gap) 0;border-top:1px solid #ffffff1a}.sidebar-settings-title{color:#fff9;font-size:var(--fs-sm);padding:var(--layout-gap) var(--card-pad);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;opacity:0;margin:0;transition:opacity .3s .1s}.sidebar-settings-options{flex-direction:column;display:flex}.sidebar-settings-option{align-items:center;gap:var(--layout-gap);border:none;color:#fff;cursor:pointer;width:100%;padding:var(--layout-gap-relaxed) var(--card-pad);white-space:nowrap;--interactive-hover-bg:#ffffff1a;background-color:#0000;border-inline-start:3px solid #0000;display:flex}.sidebar-settings-option:hover{background-color:var(--interactive-hover-bg)}@media (pointer:coarse){.sidebar-nav-button,.sidebar-settings-option{min-height:var(--touch-target-min)}}.sidebar-settings-option.is-active{background-color:var(--color-accent-solid);border-inline-start-color:var(--primary-hover)}.sidebar-settings-icon{width:28px;font-size:1.125rem;line-height:var(--lh-icon);flex:none;justify-content:center;display:inline-flex}.sidebar-settings-text{opacity:0;font-size:var(--fs-base);transition:opacity .3s .1s}@media (hover:hover){.sidebar:hover .sidebar-settings-title,.sidebar:hover .sidebar-settings-text{opacity:1}}.sidebar.is-expanded .sidebar-settings-title,.sidebar.is-expanded .sidebar-settings-text{opacity:1}.sidebar:has(:focus-visible) .sidebar-settings-title{opacity:1}.sidebar:has(:focus-visible) .sidebar-settings-text{opacity:1}.ks-theme-swatch{flex:none;justify-content:center;gap:2px;width:28px;display:inline-flex}.ks-theme-swatch>span{border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #00000040}.ks-theme-swatch[data-theme=default]>:first-child{background:#d64550}.ks-theme-swatch[data-theme=default]>:nth-child(2){background:#2f9e44}.ks-theme-swatch[data-theme=default]>:nth-child(3){background:#3b5bd0}.ks-theme-swatch[data-theme=grayscale]>:first-child{background:#ccc}.ks-theme-swatch[data-theme=grayscale]>:nth-child(2){background:gray}.ks-theme-swatch[data-theme=grayscale]>:nth-child(3){background:#333}.ks-theme-swatch[data-theme=colorblind]>:first-child{background:#d55e00}.ks-theme-swatch[data-theme=colorblind]>:nth-child(2){background:#009e73}.ks-theme-swatch[data-theme=colorblind]>:nth-child(3){background:#0072b2}html[data-color-scheme=dark] .ks-theme-swatch[data-theme=default]>:first-child{background:#e8565f}html[data-color-scheme=dark] .ks-theme-swatch[data-theme=default]>:nth-child(2){background:#3ca84e}html[data-color-scheme=dark] .ks-theme-swatch[data-theme=default]>:nth-child(3){background:#5f85fe}html[data-color-scheme=dark] .ks-theme-swatch[data-theme=grayscale]>:first-child{background:#5c6270}html[data-color-scheme=dark] .ks-theme-swatch[data-theme=grayscale]>:nth-child(2){background:#9fa4ae}html[data-color-scheme=dark] .ks-theme-swatch[data-theme=grayscale]>:nth-child(3){background:#e6e8ec}html[data-color-scheme=dark] .ks-theme-swatch[data-theme=colorblind]>:nth-child(3){background:#1a7fc0}.sidebar~.main-content{width:calc(100% - var(--sidebar-rail-width));margin-inline-start:var(--sidebar-rail-width)}.sidebar:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000001a,#0000);width:10px;height:100%;transition:opacity .3s;position:absolute;top:0;right:-10px}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-content::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#fff3}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.tutorial-tour-overlay{z-index:var(--z-modal);pointer-events:none;visibility:hidden;opacity:0;transition:opacity .2s ease-out,visibility 0s linear .2s;position:fixed;inset:0}.tutorial-tour-overlay.visible{visibility:visible;opacity:1;transition-delay:0s}@starting-style{.tutorial-tour-overlay.visible{opacity:0}}.tutorial-tour-ring{border-radius:var(--radius-md);width:0;height:0;box-shadow:0 0 0 9999px var(--overlay-backdrop);pointer-events:none;position:fixed;top:0;left:0}.tutorial-tour-overlay.is-ready .tutorial-tour-ring{transition:top .25s,left .25s,width .25s,height .25s}.tutorial-tour-card{width:min(360px, calc(100vw - 2 * var(--space-md)));max-height:calc(100vh - 2 * var(--space-md));box-sizing:border-box;padding:var(--layout-pad);background:var(--color-card-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);pointer-events:auto;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed;top:0;left:0}.tutorial-tour-overlay.is-ready .tutorial-tour-card{transition:top .25s,left .25s}.tutorial-tour-card-title{margin:0}.tutorial-tour-card-body{font-size:var(--fs-base);line-height:var(--lh-text);max-width:70ch;color:var(--text-secondary);min-height:0;overflow-y:auto}.tutorial-tour-card-body p{margin:0}.tutorial-tour-card-body p+p{margin-top:var(--space-sm)}.tutorial-tour-progress{justify-content:center;gap:var(--space-xs);display:flex}.tutorial-tour-progress-dot{background:var(--color-border);border-radius:50%;width:8px;height:8px}.tutorial-tour-progress-dot.is-active{background:var(--primary-color)}.tutorial-tour-actions{align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.tutorial-tour-actions .tutorial-tour-back{margin-inline-end:auto}.batch-export-toolbar{bottom:0;inset-inline:var(--sidebar-rail-width) 0;background:var(--color-card-background);border-top:2px solid var(--export-success-color);box-shadow:var(--shadow-md);padding:var(--space-md) var(--space-lg);z-index:var(--z-shell);visibility:hidden;opacity:0;justify-content:space-between;align-items:center;transition:translate .25s ease-out,opacity .25s ease-out,visibility 0s linear .25s;display:flex;position:fixed;translate:0 8px}.batch-export-toolbar.visible{visibility:visible;opacity:1;transition-delay:0s;translate:0}.toolbar-content{justify-content:space-between;align-items:center;width:100%;display:flex}.selection-info{align-items:center;gap:var(--space-sm);color:var(--export-success-color);display:flex}.selection-info .icon{font-size:var(--fs-lg)}.selection-count{font-size:var(--fs-base)}.toolbar-actions{gap:var(--space-md)}@media (width<=768px){.batch-export-toolbar{padding:var(--space-sm)}.toolbar-content{gap:var(--space-sm);flex-direction:column}.selection-info,.toolbar-actions{justify-content:center;width:100%}.toolbar-actions>.btn{flex:1}}@media print{html .batch-export-toolbar{display:none}}:root{--tooltip-bg:#000000d9;--tooltip-color:var(--text-on-primary);--tooltip-border-radius:var(--radius-md);--tooltip-shadow:var(--shadow-lg);--tooltip-padding:var(--notice-padding);--tooltip-font-size:var(--fs-sm);--tooltip-line-height:var(--lh-text);--tooltip-z-index:var(--z-floating);--tooltip-max-width:300px;--tooltip-anchored-gap:var(--layout-gap-relaxed);--tooltip-transition:opacity .15s ease-in-out, visibility .15s ease-in-out}.tooltip{visibility:hidden;opacity:0;background:var(--tooltip-bg);color:var(--tooltip-color);padding:var(--tooltip-padding);border-radius:var(--tooltip-border-radius);font-size:var(--tooltip-font-size);pointer-events:none;z-index:var(--tooltip-z-index);max-width:var(--tooltip-max-width);word-wrap:break-word;box-shadow:var(--tooltip-shadow);line-height:var(--tooltip-line-height);transition:var(--tooltip-transition);position:absolute;top:0;left:0}.tooltip.visible{visibility:visible;opacity:1}.tooltip.interactive.visible{pointer-events:auto}.tooltip[data-placement=below]:before,.tooltip[data-placement=above]:before{content:"";left:0;height:calc(var(--tooltip-anchored-gap) + 2px);position:absolute;inset-inline-end:0}.tooltip[data-placement=below]:before{bottom:100%}.tooltip[data-placement=above]:before{top:100%}.tooltip-title{font-weight:var(--fw-bold);font-size:var(--fs-base);margin-bottom:var(--layout-gap);padding-bottom:var(--layout-gap-relaxed);border-bottom:1px solid #fff3}.tooltip-subtitle{opacity:.9;margin-bottom:var(--layout-gap-relaxed)}.tooltip-row{justify-content:space-between;gap:var(--layout-gap-relaxed);display:flex}.tooltip-row .label{opacity:.9}.tooltip-row .value{font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.tooltip-divider{margin-top:var(--layout-gap-relaxed);padding-top:var(--layout-gap-relaxed);border-top:1px solid #ffffff26}}@layer modules,views;
