:root{color-scheme:light;--surface-page: #f7f2e8;--surface-card: #fffcf6;--surface-muted: #eee7da;--surface-raised: #fffefa;--surface-overlay: rgba(41, 36, 30, .42);--text-primary: #29241e;--text-secondary: #6b6258;--text-tertiary: #8d8377;--text-inverse: #fffcf6;--border-subtle: #d8cebd;--border-strong: #b9ab95;--critical: #b42318;--critical-surface: #fdeceb;--warning: #925700;--warning-surface: #fdf3e0;--success: #2f6b4f;--success-surface: #e9f3ed;--accent: #3f362c;--accent-soft: #e6dccb;--font-body: 16px;--font-meta: 14px;--font-card-title: 20px;--font-countdown: 28px;--font-page-title: 24px;--leading-body: 1.65;--leading-title: 1.35;--leading-label: 1.4;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-card: 12px;--radius-control: 8px;--radius-pill: 999px;--sidebar-width: 272px;--sidebar-collapsed-width: 64px;--control-min-height: 48px;--content-max-width: 1200px;--shadow-card: 0 1px 2px rgba(41, 36, 30, .06);--shadow-overlay: 0 18px 48px rgba(20, 16, 12, .28)}:root[data-theme=dark]{color-scheme:dark;--surface-page: #1e1c19;--surface-card: #29251f;--surface-muted: #332e27;--surface-raised: #312c25;--surface-overlay: rgba(0, 0, 0, .58);--text-primary: #f2ebdd;--text-secondary: #c0b5a5;--text-tertiary: #9b9082;--text-inverse: #1e1c19;--border-subtle: #51483d;--border-strong: #6c6153;--critical: #f97066;--critical-surface: #3a2320;--warning: #f5bd62;--warning-surface: #3a2f1c;--success: #7ec9a3;--success-surface: #1f3329;--accent: #e6dccb;--accent-soft: #423a30;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-overlay: 0 18px 48px rgba(0, 0, 0, .6)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
 */*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.mb-4{margin-bottom:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.items-center{align-items:center}.gap-2{gap:.5rem}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;background-color:var(--surface-page);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif;font-size:var(--font-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}#root{min-height:100vh}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-4);background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-control)}.skip-link:focus{top:var(--space-4)}.app-shell{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;padding:var(--space-4);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}@media (min-width: 1024px){.app-main{padding:var(--space-6)}}.content-container{width:100%;max-width:var(--content-max-width);margin:0 auto}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;flex-shrink:0;height:100vh;background:var(--surface-card);border-right:1px solid var(--border-subtle);transition:width .12s ease}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-subtle);min-height:68px}.sidebar__brand-text{display:flex;flex-direction:column;min-width:0}.sidebar__brand-title{font-size:var(--font-card-title);line-height:var(--leading-title);font-weight:600;letter-spacing:.01em}.sidebar__brand-subtitle{font-size:var(--font-meta);color:var(--text-secondary);line-height:var(--leading-label)}.sidebar__nav{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__item{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-min-height);padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--text-secondary);font-size:var(--font-body);font-family:inherit;text-align:left;cursor:pointer;width:100%}.sidebar__item:hover{background:var(--surface-muted);color:var(--text-primary)}.sidebar__item[aria-current=page]{background:var(--accent-soft);color:var(--text-primary);border-color:var(--border-strong);font-weight:600}.sidebar__item-label{flex:1;min-width:0;overflow-wrap:anywhere}.sidebar__count{font-size:var(--font-meta);font-variant-numeric:tabular-nums;color:var(--text-secondary);padding:0 var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--border-subtle)}.sidebar__footer{border-top:1px solid var(--border-subtle);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-meta);color:var(--text-secondary)}.sidebar__status{display:flex;align-items:center;gap:var(--space-2)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--online{background:var(--success)}.status-dot--offline{background:var(--warning)}.status-dot--syncing{background:var(--accent)}.sidebar__resize{position:absolute;top:0;right:-3px;width:7px;height:100%;cursor:col-resize;background:transparent;border:0;padding:0;z-index:5}.sidebar__resize:after{content:"";position:absolute;top:50%;left:3px;width:1px;height:48px;transform:translateY(-50%);background:var(--border-subtle)}.sidebar__resize:hover:after,.sidebar__resize:focus-visible:after{background:var(--accent);width:2px}.sidebar--collapsed .sidebar__item{justify-content:center;padding-left:var(--space-2);padding-right:var(--space-2)}.sidebar--collapsed .sidebar__item-label,.sidebar--collapsed .sidebar__brand-text,.sidebar--collapsed .sidebar__count,.sidebar--collapsed .sidebar__footer-text{display:none}.drawer-backdrop{position:fixed;inset:0;background:var(--surface-overlay);z-index:40;border:0;padding:0}.drawer{position:fixed;top:0;left:0;bottom:0;z-index:50;width:min(320px,calc(100vw - 32px));background:var(--surface-card);border-right:1px solid var(--border-subtle);box-shadow:var(--shadow-overlay);display:flex;flex-direction:column;overflow-y:auto}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.panel{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-4)}.panel__title{font-size:var(--font-card-title);line-height:var(--leading-title);font-weight:600;margin:0 0 var(--space-3)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-6)}.page-title{font-size:var(--font-page-title);line-height:var(--leading-title);font-weight:600;margin:0}.page-subtitle{font-size:var(--font-meta);color:var(--text-secondary);margin:var(--space-1) 0 0}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--font-meta);font-weight:600;color:var(--text-secondary);line-height:var(--leading-label)}.field__hint{font-size:var(--font-meta);color:var(--text-tertiary)}.input,.textarea,.select{width:100%;min-height:var(--control-min-height);padding:var(--space-3);background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-control);font-family:inherit;font-size:var(--font-body);line-height:var(--leading-body)}.textarea{min-height:96px;resize:vertical}.input:disabled,.textarea:disabled,.select:disabled{opacity:.6;cursor:not-allowed}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--critical)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-min-height);padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-primary);font-family:inherit;font-size:var(--font-body);font-weight:500;line-height:var(--leading-label);cursor:pointer;text-align:center}.btn:hover:not(:disabled){background:var(--surface-muted)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--surface-card)}.btn--primary:hover:not(:disabled){filter:brightness(1.12)}:root[data-theme=dark] .btn--primary{color:var(--text-inverse)}.btn--danger{border-color:var(--critical);color:var(--critical)}.btn--danger:hover:not(:disabled){background:var(--critical-surface)}.btn--ghost{border-color:transparent;background:transparent}.btn--ghost:hover:not(:disabled){background:var(--surface-muted)}.btn--icon{padding:var(--space-2);min-width:var(--control-min-height)}.btn--sm{min-height:40px;padding:var(--space-1) var(--space-3);font-size:var(--font-meta)}.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--surface-muted);color:var(--text-secondary);font-size:var(--font-meta);line-height:var(--leading-label);white-space:nowrap}.badge--critical{border-color:var(--critical);color:var(--critical);background:var(--critical-surface)}.badge--warning{border-color:var(--warning);color:var(--warning);background:var(--warning-surface)}.badge--sync{border-color:var(--warning);color:var(--warning);background:var(--warning-surface);font-weight:600}.badge--success{border-color:var(--success);color:var(--success);background:var(--success-surface)}.alert{border:1px solid var(--border-strong);border-left-width:3px;border-radius:var(--radius-control);padding:var(--space-3);font-size:var(--font-meta);background:var(--surface-muted)}.alert--error{border-color:var(--critical);background:var(--critical-surface);color:var(--critical)}.alert--warning{border-color:var(--warning);background:var(--warning-surface);color:var(--warning)}.alert--info{border-color:var(--border-strong)}.exam-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.exam-card--critical{border-color:var(--critical);border-left-width:4px}.exam-card--warning{border-color:var(--warning);border-left-width:4px}.exam-card--normal{border-color:var(--border-subtle)}.exam-card--overdue{border-color:var(--critical);border-left-width:4px;background:var(--critical-surface)}.exam-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.exam-card__subject{font-size:var(--font-meta);color:var(--text-secondary);letter-spacing:.02em}.exam-card__title{font-size:var(--font-card-title);line-height:var(--leading-title);font-weight:600;margin:0;overflow-wrap:anywhere}.exam-card__countdown{font-size:var(--font-countdown);line-height:var(--leading-title);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em}.exam-card__countdown--critical{color:var(--critical)}.exam-card__countdown--warning{color:var(--warning)}.exam-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-meta);color:var(--text-secondary)}.exam-card__scope{font-size:var(--font-meta);color:var(--text-primary);background:var(--surface-muted);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);white-space:pre-wrap;max-height:8em;overflow-y:auto}.exam-card__attachments{display:flex;flex-wrap:wrap;gap:var(--space-2)}.attachment-chip{display:inline-flex;align-items:center;gap:var(--space-2);max-width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text-primary);font-size:var(--font-meta);cursor:pointer;text-align:left;font-family:inherit}.attachment-chip:hover{background:var(--surface-muted)}.attachment-chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.nl-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:var(--space-6)}.nl-bar__input-wrap{flex:1 1 320px;min-width:0;position:relative}.nl-bar__input{width:100%;min-height:var(--control-min-height);padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--text-primary);font-family:inherit;font-size:var(--font-body)}.nl-bar__hint{font-size:var(--font-meta);color:var(--text-tertiary);margin-top:var(--space-2)}.skeleton{background:var(--surface-muted);border-radius:var(--radius-control);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--surface-raised),transparent);transform:translate(-100%);animation:skeleton-sweep 1.2s infinite}@keyframes skeleton-sweep{to{transform:translate(100%)}}.modal-backdrop{position:fixed;inset:0;z-index:60;background:var(--surface-overlay);display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width: 640px){.modal-backdrop{align-items:center;padding:var(--space-6)}}.modal{width:100%;max-width:720px;max-height:min(92vh,900px);overflow-y:auto;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card) var(--radius-card) 0 0;box-shadow:var(--shadow-overlay);display:flex;flex-direction:column}@media (min-width: 640px){.modal{border-radius:var(--radius-card)}}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--surface-card);z-index:1}.modal__title{font-size:var(--font-card-title);font-weight:600;line-height:var(--leading-title);margin:0}.modal__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.modal__footer{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4);border-top:1px solid var(--border-subtle);position:sticky;bottom:0;background:var(--surface-card)}.form-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width: 560px){.form-grid--two{grid-template-columns:1fr 1fr}}.dashboard__summary{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.dashboard__list{display:flex;flex-direction:column;gap:var(--space-3)}.filter-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.filter-chip{min-height:40px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:var(--font-meta);cursor:pointer}.filter-chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--border-strong);color:var(--text-primary);font-weight:600}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-secondary);border:1px dashed var(--border-strong);border-radius:var(--radius-card)}.list-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.list-row:last-child{border-bottom:0}.list-row__main{flex:1 1 240px;min-width:0}.list-row__title{font-weight:600;overflow-wrap:anywhere}.list-row__meta{font-size:var(--font-meta);color:var(--text-secondary)}.settings-section{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.range-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-2) var(--space-4)}.range-row__label{font-size:var(--font-meta);color:var(--text-secondary)}.range-row__value{font-variant-numeric:tabular-nums;font-size:var(--font-meta);min-width:4ch;text-align:right}input[type=range]{width:100%;accent-color:var(--accent);min-height:32px}.segmented{display:inline-flex;flex-wrap:wrap;gap:0;border:1px solid var(--border-strong);border-radius:var(--radius-control);overflow:hidden}.segmented__item{min-height:var(--control-min-height);padding:var(--space-2) var(--space-4);border:0;border-right:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:var(--font-meta);cursor:pointer}.segmented__item:last-child{border-right:0}.segmented__item[aria-pressed=true]{background:var(--accent-soft);color:var(--text-primary);font-weight:600}.typography-preview{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-card);background:var(--surface-raised)}.preview-meta{font-size:var(--font-meta);color:var(--text-secondary)}.preview-title{font-size:var(--font-card-title);line-height:var(--leading-title);font-weight:600}.preview-countdown{font-size:var(--font-countdown);font-weight:600;font-variant-numeric:tabular-nums}.pdf-viewer{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;background:var(--surface-page)}.pdf-viewer__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border-subtle);background:var(--surface-card)}.pdf-viewer__canvas-wrap{flex:1;overflow:auto;padding:var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.pdf-viewer__canvas{max-width:100%;border:1px solid var(--border-subtle);background:#fff;box-shadow:var(--shadow-card)}.pdf-viewer__status{padding:var(--space-6);text-align:center;color:var(--text-secondary)}.mono{font-variant-numeric:tabular-nums}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack--sm{gap:var(--space-2)}.inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.spacer{flex:1}.text-meta{font-size:var(--font-meta);color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-critical{color:var(--critical)}.divider{height:1px;background:var(--border-subtle);border:0;margin:var(--space-3) 0}@media (min-width: 1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}}