.shibei-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;cursor:pointer;font:inherit;font-weight:500;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform .15s var(--bui-ease),background .15s var(--bui-ease),opacity .15s}.shibei-btn:active:not(:disabled){transform:scale(.96)}.shibei-btn:disabled{opacity:.5;pointer-events:none}.shibei-btn:is(button):focus-visible{outline:2px solid var(--bui-accent);outline-offset:3px}.shibei-btn--pill{border-radius:999px}.shibei-btn--xs{min-height:28px;padding:0 10px;font-size:12px;font-weight:400;line-height:1;gap:4px}.shibei-btn--sm{min-height:27px;padding:0 12px;font-size:13px;line-height:1;gap:6px}.shibei-btn--md{min-height:36px;padding:9px 16px;font-size:14px;line-height:1;gap:8px}.shibei-btn--lg{min-height:42px;padding:11px 20px;font-size:15px;line-height:1;gap:8px}.shibei-btn--primary{color:var(--bui-canvas);background:var(--bui-ink);box-shadow:inset 0 1px #ffffff24}.shibei-btn--primary:hover{opacity:.9}.shibei-btn--secondary{background:var(--bui-surface);color:var(--bui-ink);box-shadow:var(--bui-shadow-btn)}.shibei-btn--secondary:hover,.shibei-btn--secondary[aria-expanded=true]{background:var(--bui-inset)}.shibei-btn--ghost{color:var(--bui-ink);background:var(--bui-hover-2)}.shibei-btn--ghost:hover{background:var(--bui-line-strong)}.shibei-btn--quiet{color:var(--bui-ink);background:transparent}.shibei-btn--quiet:hover{background:var(--bui-hover)}.shibei-btn--link{min-height:0;padding:0 4px;color:var(--text-link);background:transparent}.shibei-btn--link:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:3px}.shibei-btn--danger{color:var(--bui-red);background:var(--bui-red-tint)}.shibei-btn--danger:hover{box-shadow:0 0 0 1px var(--bui-red)}.shibei-card{padding:16px;border:0;border-radius:var(--bui-radius-card);background:var(--bui-surface);color:var(--bui-ink);box-shadow:var(--bui-shadow-card);transition:background .16s,box-shadow .16s}.shibei-card--hoverable:hover{box-shadow:var(--bui-shadow-raised)}.shibei-card--compact{padding:12px}.shibei-card--no-padding{padding:0}.shibei-dialog-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:flex;align-items:center;justify-content:center;pointer-events:none}.shibei-dialog__mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;pointer-events:auto;animation:bui-dialog-in .15s ease}.shibei-dialog{position:relative;display:flex;flex-direction:column;max-height:calc(100dvh - 48px);border-radius:var(--bui-radius-window);background:var(--bui-surface);box-shadow:var(--bui-shadow-overlay);color:var(--bui-ink);overflow:hidden;pointer-events:auto;animation:bui-dialog-in .18s var(--bui-ease)}.shibei-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--bui-line)}.shibei-dialog__title{min-width:0;font-size:15px;font-weight:600}.shibei-dialog__close{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;padding:0;border:0;border-radius:var(--bui-radius-control);background:transparent;color:var(--bui-ink-2);cursor:pointer}.shibei-dialog__close:hover{background:var(--bui-hover);color:var(--bui-ink)}.shibei-dialog__body{flex:1;min-height:0;overflow:auto;padding:0}.shibei-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 20px;border-top:1px solid var(--bui-line);background:var(--bui-inset);color:var(--bui-ink-2);font-size:13px}@keyframes bui-dialog-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.shibei-dialog,.shibei-dialog__mask{animation:none}}.shibei-field{display:block;min-width:0}.shibei-field__label{display:block;margin-bottom:6px;color:var(--bui-ink-2);font-size:13px;font-weight:500}.shibei-input,.shibei-textarea{display:block;box-sizing:border-box;width:100%;min-height:36px;padding:8px 11px;border:1px solid var(--bui-line-strong);border-radius:var(--bui-radius-control);background:var(--bui-inset);color:var(--bui-ink);font:inherit;font-size:14px;line-height:1.5;outline:none;transition:border-color .15s,box-shadow .15s}.shibei-input::placeholder,.shibei-textarea::placeholder{color:var(--bui-ink-3)}.shibei-input:focus,.shibei-textarea:focus{border-color:var(--bui-accent);box-shadow:var(--bui-focus-ring);background:var(--bui-surface)}.shibei-input:disabled,.shibei-textarea:disabled{opacity:.5;cursor:not-allowed}.shibei-textarea{resize:vertical;min-height:80px}@media (max-width:640px){.shibei-input,.shibei-textarea{font-size:16px}}.shibei-select{position:relative;width:100%;min-width:0}.shibei-select__field{display:flex;align-items:center;border:1px solid var(--bui-line-strong);border-radius:8px;background:var(--bui-inset)}.shibei-select__field:focus-within{border-color:var(--bui-accent);box-shadow:var(--bui-focus-ring)}.shibei-select__trigger{display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:36px;padding:8px 11px;border:0;border-radius:8px;background:transparent;color:var(--bui-ink);text-align:left;cursor:pointer;font:inherit;font-size:14px}.shibei-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shibei-select__value.is-placeholder{color:var(--bui-ink-2)}.shibei-select__clear{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;margin-right:6px;border:0;border-radius:6px;color:var(--bui-ink-2);background:transparent;cursor:pointer}.shibei-select__clear:hover{background:var(--bui-hover-2)}.shibei-select__dropdown{position:fixed;z-index:1600;box-sizing:border-box;padding:5px;border-radius:10px;background:var(--bui-surface);color:var(--bui-ink);box-shadow:var(--bui-shadow-overlay);overflow-y:auto;outline:none}.shibei-select__search{box-sizing:border-box;width:100%;padding:8px;margin-bottom:4px;border:0;border-bottom:1px solid var(--bui-line);background:transparent;color:var(--bui-ink);font:inherit;font-size:14px;outline:none}.shibei-select__option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:32px;padding:7px 9px;border:0;border-radius:6px;color:var(--bui-ink-2);background:transparent;font:inherit;font-size:13px;text-align:left;cursor:pointer}.shibei-select__option.is-active,.shibei-select__option:hover{background:var(--bui-hover);color:var(--bui-ink)}.shibei-select__option[aria-selected=true]{color:var(--bui-ink)}.shibei-select__empty{padding:12px;font-size:13px;color:var(--bui-ink-2)}.shibei-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.shibei-spinner__icon{animation:shibei-spin .8s linear infinite}.shibei-spinner--sm .shibei-spinner__icon{width:16px;height:16px;color:var(--text-tertiary)}.shibei-spinner--md .shibei-spinner__icon{width:24px;height:24px;color:var(--text-secondary)}.shibei-spinner--lg .shibei-spinner__icon{width:36px;height:36px;color:var(--text-link)}.shibei-spinner__tip{color:var(--text-tertiary);font-size:13px}@keyframes shibei-spin{to{transform:rotate(360deg)}}.stable-pill-select{display:inline-flex;min-width:0}.stable-pill-select__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;height:34px;padding:0 12px;border:0;border-radius:8px;background:var(--bui-surface);color:var(--bui-ink-2);box-shadow:var(--bui-shadow-btn);font:inherit;font-size:13px;cursor:pointer}.stable-pill-select__trigger:hover,.stable-pill-select__trigger.is-open{background:var(--bui-hover);color:var(--bui-ink)}.stable-pill-select__trigger:focus-visible{outline:2px solid var(--bui-accent);outline-offset:2px}.stable-pill-select__trigger:disabled{opacity:.5;cursor:not-allowed}.stable-pill-select__label{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.stable-pill-select__icon{flex-shrink:0;color:var(--bui-ink-2);font-size:10px}.stable-pill-dropdown{position:fixed;z-index:1600;max-height:min(340px,calc(100dvh - 24px));padding:5px;overflow-y:auto;border:0;border-radius:10px;background:var(--bui-surface);box-shadow:var(--bui-shadow-overlay)}.stable-pill-dropdown__search{box-sizing:border-box;width:100%;height:34px;margin-bottom:5px;padding:0 9px;border:1px solid var(--bui-line);border-radius:6px;color:var(--bui-ink);background:var(--bui-inset);outline:none;font:inherit;font-size:13px}.stable-pill-dropdown__search:focus{border-color:var(--bui-accent)}.stable-pill-dropdown__search::placeholder{color:var(--bui-ink-2)}.stable-pill-dropdown__option{display:flex;align-items:center;width:100%;min-height:32px;padding:7px 9px;border:0;border-radius:6px;background:transparent;color:var(--bui-ink-2);font:inherit;font-size:13px;text-align:left;cursor:pointer}.stable-pill-dropdown__option:hover,.stable-pill-dropdown__option.is-selected{background:var(--bui-hover);color:var(--bui-ink)}.stable-pill-dropdown__option:disabled{opacity:.5;cursor:not-allowed}.stable-pill-dropdown__empty{padding:10px;color:var(--bui-ink-2);font-size:13px;text-align:center}.stable-pill-select--field{width:100%}.stable-pill-select--field .stable-pill-select__trigger{height:38px;background:var(--bui-inset)}.stable-pill-select--compact{width:154px}.shibei-tag{display:inline-flex;align-items:center;height:22px;padding:0 7px;border:0;border-radius:var(--bui-radius-chip);background:var(--bui-inset);box-shadow:var(--bui-shadow-hairline);color:var(--bui-ink-2);font-size:11px;font-weight:500;line-height:1;white-space:nowrap}.shibei-tag--blue,.shibei-tag--geekblue,.shibei-tag--cyan{color:var(--bui-accent-ink);background:var(--bui-accent-tint)}.shibei-tag--green,.shibei-tag--lime{color:var(--bui-green);background:var(--bui-green-tint)}.shibei-tag--gold,.shibei-tag--orange,.shibei-tag--volcano{color:var(--bui-orange);background:var(--bui-orange-tint)}.shibei-tag--pink,.shibei-tag--purple{color:var(--bui-ink-2);background:var(--bui-hover-2)}.shibei-tooltip-wrap{position:relative;display:inline-flex}.shibei-tooltip{position:absolute;left:50%;bottom:calc(100% + 7px);transform:translate(-50%);z-index:1600;max-width:min(320px,calc(100vw - 24px));padding:5px 9px;border-radius:var(--bui-radius-chip);background:var(--bui-tooltip-bg);color:var(--bui-tooltip-fg);box-shadow:var(--bui-shadow-overlay);font-size:12px;line-height:1.45;white-space:nowrap;pointer-events:none}.shibei-toast-host{position:fixed;top:16px;right:16px;z-index:2000;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 32px));pointer-events:none}.shibei-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;background:var(--bui-surface);box-shadow:var(--bui-shadow-overlay);color:var(--bui-ink);font:400 13px/1.5 var(--font-sans);overflow-wrap:anywhere}.shibei-toast__icon{display:grid;place-items:center;flex-shrink:0;width:18px;height:18px;border:1px solid var(--bui-line-strong);border-radius:50%;color:var(--bui-ink-2);font-size:11px}.shibei-toast--success .shibei-toast__icon{color:var(--bui-green);border-color:var(--bui-green)}.shibei-toast--error .shibei-toast__icon{color:var(--bui-red);border-color:var(--bui-red)}.shibei-toast--warning .shibei-toast__icon{color:var(--bui-orange);border-color:var(--bui-orange)}.shibei-toast--loading .shibei-toast__icon{border-color:var(--bui-line);border-top-color:var(--bui-ink);animation:bui-notice-spin .8s linear infinite}@keyframes bui-notice-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.shibei-toast--loading .shibei-toast__icon{animation:none}}.bui-switch{display:inline-flex;align-items:center;flex-shrink:0;width:34px;height:20px;padding:2px;border:1px solid var(--bui-line-strong);border-radius:999px;background:var(--bui-hover-2);cursor:pointer;transition:background .15s}.bui-switch__thumb{width:14px;height:14px;border-radius:50%;background:var(--bui-ink-2);box-shadow:var(--bui-shadow-xs);transition:transform .15s;pointer-events:none}.bui-switch[aria-checked=true]{background:var(--bui-ink);border-color:var(--bui-ink)}.bui-switch[aria-checked=true] .bui-switch__thumb{transform:translate(14px);background:var(--bui-canvas)}.bui-switch:focus-visible{outline:2px solid var(--bui-accent);outline-offset:3px}.bui-switch:disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.bui-switch,.bui-switch__thumb{transition:none}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-italic-D1l0FflY.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2")}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-400-normal-DSJrtJSV.woff2) format("woff2")}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/eb-garamond-latin-500-normal-LNvnJ-zC.woff2) format("woff2")}:root{--font-display: "EB Garamond", "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", Georgia, "Times New Roman", serif;--font-sans: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", "Fira Code", "Roboto Mono", Menlo, Monaco, Consolas, "Courier New", monospace;--font-numeric: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;font-variant-numeric:tabular-nums;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--text-xs: 12px;--text-sm: 13px;--text-base: 16px;--text-md: 17px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.6;--tracking-display-xl: 0;--tracking-display-lg: 0;--tracking-display-md: 0;--tracking-display-sm: 0;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--app-container-max: 1280px;--app-page-padding-x: 32px;--app-page-padding-top: 48px;--app-page-padding-bottom: 64px;--app-card-radius: 16px;--app-pill-height-sm: 30px;--app-pill-height: 34px;--app-button-height: 36px;--bg-page: #0b111a;--bg-sidebar: #080d14;--bg-surface-raised: #141d2b;--bg-surface-hover: #1a2637;--border-active: rgba(125, 183, 255, .18);--accent-blue: #7db7ff;--accent-blue-muted: rgba(125, 183, 255, .07);--ambient-page-bg: radial-gradient(circle at 52% 10%, rgba(78, 109, 148, .08), transparent 36%), linear-gradient(180deg, #0d1520 0%, #090e16 100%);--surface-card: linear-gradient(180deg, rgba(20, 29, 43, .92), rgba(16, 23, 34, .96));--surface-card-hover: linear-gradient(180deg, rgba(26, 38, 55, .95), rgba(19, 29, 43, .98));--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--bg-base: #f8fafc;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--bg-gradient-subtle: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--bg-gradient-radial: radial-gradient(ellipse at top, rgba(125, 183, 255, .05) 0%, transparent 50%);--bg-hover: rgba(0, 0, 0, .03);--bg-active: rgba(0, 0, 0, .06);--bg-selected: rgba(125, 183, 255, .08);--sidebar-bg: #f1f5f9;--sidebar-item-hover: rgba(0, 0, 0, .04);--sidebar-item-active: rgba(125, 183, 255, .1);--text-primary: #172033;--text-secondary: #24344a;--text-tertiary: #516076;--text-quaternary: #7a8798;--text-muted: #536174;--text-link: #2563eb;--text-link-hover: #1d4ed8;--text-inverse: #ffffff;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #7db7ff;--primary-600: #6aa7ec;--primary-700: #4f8ccf;--accent-cyan: #67c7d8;--accent-violet: #9aa9c7;--accent-indigo: #8fa8cf;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--warning-400: #fb7185;--warning-500: #f43f5e;--warning-600: #e11d48;--color-info: var(--primary-500);--color-success: var(--success-500);--color-warning: var(--amber-500);--color-error: var(--warning-500);--border-subtle: rgba(0, 0, 0, .04);--border-default: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .12);--border-focus: var(--primary-500);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .06), 0 4px 6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .08), 0 10px 10px rgba(0, 0, 0, .04);--shadow-focus: none;--shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-primary: 0 4px 14px rgba(125, 183, 255, .25);--shadow-glow: 0 0 20px rgba(125, 183, 255, .15);--shadow-glow-strong: 0 0 30px rgba(125, 183, 255, .25), 0 0 60px rgba(125, 183, 255, .1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-blur: blur(12px);--glass-saturate: saturate(180%);--gradient-subtle: linear-gradient(135deg, rgba(125, 183, 255, .035), rgba(143, 168, 207, .02));--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(248, 250, 252, .95));--gradient-primary: linear-gradient(135deg, var(--primary-500), var(--accent-indigo));--gradient-accent: linear-gradient(135deg, var(--accent-cyan), var(--primary-500));--tag-blue: rgba(125, 183, 255, .055);--tag-blue-text: #4f8ccf;--tag-purple: rgba(143, 168, 207, .055);--tag-purple-text: #5f738f;--tag-cyan: rgba(34, 211, 238, .1);--tag-cyan-text: #0891b2;--tag-green: rgba(34, 197, 94, .1);--tag-green-text: #16a34a;--tag-amber: rgba(245, 158, 11, .1);--tag-amber-text: #d97706;--tag-red: rgba(244, 63, 94, .1);--tag-red-text: #dc2626;--ripple-color: rgba(125, 183, 255, .2)}:root[data-theme=dark]{--bg-base: var(--bg-page);--bg-surface: #101824;--bg-elevated: var(--bg-surface-raised);--bg-gradient: var(--ambient-page-bg);--bg-gradient-subtle: linear-gradient(180deg, #111b29 0%, #090e16 100%);--bg-gradient-radial: radial-gradient(ellipse at top, rgba(96, 132, 172, .08) 0%, transparent 52%);--bg-hover: rgba(255, 255, 255, .04);--bg-active: rgba(255, 255, 255, .08);--bg-selected: var(--accent-blue-muted);--sidebar-bg: var(--bg-sidebar);--sidebar-item-hover: rgba(255, 255, 255, .05);--sidebar-item-active: rgba(125, 183, 255, .055);--text-primary: #f8fafc;--text-secondary: #c6cedb;--text-tertiary: #8a95a6;--text-quaternary: #687386;--text-muted: #8a95a6;--text-link: #7db7ff;--text-link-hover: #acd2ff;--text-inverse: #090e16;--border-subtle: rgba(224, 233, 246, .07);--border-default: rgba(224, 233, 246, .11);--border-strong: rgba(224, 233, 246, .16);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .15);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .3), 0 4px 8px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(0, 0, 0, .2);--shadow-focus: none;--shadow-primary: none;--shadow-glow: none;--shadow-glow-strong: none;--glass-bg: rgba(22, 22, 30, .8);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(16px);--glass-saturate: saturate(150%);--gradient-subtle: linear-gradient(135deg, rgba(125, 183, 255, .045), rgba(143, 168, 207, .025));--gradient-card: linear-gradient(135deg, rgba(20, 29, 43, .9), rgba(13, 20, 31, .95));--gradient-primary: linear-gradient(135deg, var(--primary-500), var(--accent-indigo));--gradient-accent: linear-gradient(135deg, var(--accent-cyan), var(--primary-500));--tag-blue: rgba(125, 183, 255, .15);--tag-blue-text: #60a5fa;--tag-purple: rgba(139, 92, 246, .15);--tag-purple-text: #a78bfa;--tag-cyan: rgba(34, 211, 238, .15);--tag-cyan-text: #22d3ee;--tag-green: rgba(34, 197, 94, .15);--tag-green-text: #4ade80;--tag-amber: rgba(245, 158, 11, .15);--tag-amber-text: #fbbf24;--tag-red: rgba(244, 63, 94, .15);--tag-red-text: #fb7185;--ripple-color: rgba(125, 183, 255, .3)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:var(--font-normal);letter-spacing:var(--tracking-display-sm)}h1{letter-spacing:var(--tracking-display-xl)}h2{letter-spacing:var(--tracking-display-lg)}h3{letter-spacing:var(--tracking-display-md)}body,#root{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base)}button,input,textarea,select,optgroup,::file-selector-button{font:inherit}input::placeholder,textarea::placeholder{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-quaternary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--primary-500);color:#fff}*:focus{outline:none}*:focus-visible{outline:1px solid color-mix(in srgb,var(--text-primary) 18%,transparent);outline-offset:2px;border-radius:var(--radius-sm);transition:outline-offset var(--duration-fast) var(--ease-out)}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:1px solid color-mix(in srgb,var(--text-primary) 18%,transparent);outline-offset:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-color:color-mix(in srgb,var(--text-primary) 16%,var(--border-default))}[tabindex]:focus-visible{outline:1px solid color-mix(in srgb,var(--text-primary) 18%,transparent);outline-offset:2px}:root{--spacing-2xs: var(--space-1);--spacing-xs: var(--space-2);--spacing-sm: var(--space-3);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--spacing-2xl: var(--space-12);--spacing-3xl: var(--space-16);--color-bg-page: var(--bg-base);--app-page-ambient-background: var(--bg-base);--app-surface-glass: rgba(255, 255, 255, .54);--app-surface-glass-strong: rgba(255, 255, 255, .72);--app-surface-control: rgba(255, 255, 255, .5);--app-border-glass: rgba(65, 99, 135, .115);--app-shadow-glass: 0 20px 52px rgba(56, 88, 122, .078), inset 0 1px 0 rgba(255, 255, 255, .68);--color-card-bg: var(--bg-surface);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--color-text-tertiary: var(--text-tertiary);--color-primary: var(--primary-500);--color-link-primary: var(--text-link);--color-error: var(--warning-500);--color-header-text: var(--text-primary);--color-warning-bg: #fffbe6;--color-warning-border: #ffe58f;--color-warning-text: #ad8b00;--cart-selected-border: var(--primary-500);--cart-selected-bg: var(--bg-selected);--cart-checkbox-checked: var(--primary-500);--cart-float-bg: var(--bg-elevated);--cart-float-shadow: var(--shadow-lg);--cart-count-badge-bg: var(--warning-500);--color-highlight-bg: var(--bg-elevated);--color-highlight-text: var(--text-primary);--color-highlight-shadow: var(--shadow-lg);--color-surface-muted: var(--bg-surface);--color-border: var(--border-default);--color-border-subtle: var(--border-subtle);--color-icon-muted: var(--text-tertiary);--header-shadow: var(--shadow-sm);--tag-blue-bg: rgba(125, 183, 255, .075);--tag-blue-text: #4f8ccf;--tag-geekblue-bg: rgba(143, 168, 207, .075);--tag-geekblue-text: #5f738f;--tag-volcano-bg: rgba(249, 115, 22, .18);--tag-volcano-text: #b45309;--tag-gold-bg: rgba(250, 204, 21, .22);--tag-gold-text: #92400e;--tag-green-bg: rgba(34, 197, 94, .18);--tag-green-text: #166534;--tag-cyan-bg: rgba(34, 211, 238, .17);--tag-cyan-text: #0e7490;--tag-purple-bg: rgba(143, 168, 207, .075);--tag-purple-text: #5f738f;--tag-pink-bg: rgba(236, 72, 153, .18);--tag-pink-text: #db2777;--tag-orange-bg: rgba(251, 146, 60, .18);--tag-orange-text: #ea580c;--tag-lime-bg: rgba(132, 204, 22, .18);--tag-lime-text: #65a30d;--badge-count-active-bg: #1677ff;--badge-status-outline: var(--border-default);--badge-status-gold-bg: #faad14;--badge-status-gold-text: #7c5408;--badge-status-purple-bg: #722ed1;--badge-status-purple-text: #3b1773;--badge-status-cyan-bg: #13c2c2;--badge-status-cyan-text: #0e5a5a;--badge-status-green-bg: #52c41a;--badge-status-green-text: #16400a;--surface-elevated-dark: #1e293b;--control-surface-dark: transparent;--dropdown-surface-dark: #111827;--kg-color-paper: #6aa7ec;--kg-color-author: #2f8f7b;--kg-color-keyword: #8fa8cf;--kg-color-topic: #7892b6;--kg-color-domain: #5f95cb;--kg-color-fallback: #475569;--kg-node-text: #f8fafc;--kg-node-text-outline: #0f172a;--kg-node-border: rgba(15, 23, 42, .2);--kg-node-shadow: rgba(15, 23, 42, .2);--kg-node-selected-border: #facc15;--kg-node-selected-shadow: rgba(250, 204, 21, .45);--kg-edge-color: #94a3b8;--header-height: 72px;--container-padding-mobile: var(--space-3);--container-padding-tablet: var(--space-6);--container-padding-desktop: var(--space-12);--font-size-2xs: 11px;--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-base: var(--text-base);--font-size-15: 16px;--font-size-md: var(--text-md);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-2xl: var(--text-2xl);--font-size-3xl: 28px;--font-size-4xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 1.75;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .05);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--breakpoint-mobile: 768px;--breakpoint-tablet: 992px;--breakpoint-desktop: 1200px;--breakpoint-wide: 1440px;--breakpoint-ultrawide: 1600px}.page-container{width:min(100%,var(--app-container-max));margin:0 auto;padding:var(--app-page-padding-top) var(--app-page-padding-x) var(--app-page-padding-bottom)}.card{border:1px solid var(--border-subtle);border-radius:var(--app-card-radius);background:var(--bg-elevated);box-shadow:none}.card:hover{border-color:var(--border-default);background:var(--bg-hover)}:root[data-theme=dark] .card{background:#121822db}:root[data-theme=dark] .card:hover{background:#161e2ceb}.pill{display:inline-flex;align-items:center;justify-content:center;height:var(--app-pill-height);padding:0 12px;border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-hover)}:root[data-theme=dark] .pill-active,:root[data-theme=dark] .nav-item.active{color:#e2efffe6;border-color:#7db7ff29;background:#7db7ff0e}[data-theme=dark]{color-scheme:dark;--color-bg-page: var(--bg-base);--app-page-ambient-background: var(--bg-base);--app-surface-glass: rgba(16, 24, 36, .62);--app-surface-glass-strong: rgba(18, 27, 41, .78);--app-surface-control: rgba(255, 255, 255, .045);--app-border-glass: rgba(224, 233, 246, .11);--app-shadow-glass: 0 18px 54px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .035);--color-text-primary: var(--text-primary);--color-text-muted: var(--text-secondary);--color-header-text: var(--text-primary);--color-card-bg: var(--bg-surface);--color-primary: var(--primary-400);--color-warning-bg: rgba(250, 173, 20, .12);--color-warning-border: rgba(250, 173, 20, .35);--color-warning-text: #facc15;--cart-selected-border: var(--primary-400);--cart-selected-bg: rgba(56, 189, 248, .08);--cart-checkbox-checked: var(--primary-400);--cart-float-bg: var(--bg-elevated);--cart-float-shadow: 0 8px 24px rgba(0, 0, 0, .4);--cart-count-badge-bg: var(--warning-500);--color-highlight-bg: var(--bg-elevated);--color-highlight-text: var(--text-primary);--color-highlight-shadow: 0 18px 32px rgba(3, 7, 18, .55);--color-surface-muted: var(--bg-surface);--color-border: var(--border-default);--color-border-subtle: var(--border-subtle);--color-link-primary: var(--text-link);--header-shadow: 0 10px 24px rgba(2, 6, 23, .6);--tag-blue-bg: rgba(56, 189, 248, .24);--tag-blue-text: #e0f2fe;--tag-geekblue-bg: rgba(129, 140, 248, .28);--tag-geekblue-text: #ede9fe;--tag-volcano-bg: rgba(248, 153, 112, .28);--tag-volcano-text: #ffe4d5;--tag-gold-bg: rgba(234, 179, 8, .32);--tag-gold-text: #fef3c7;--tag-green-bg: rgba(74, 222, 128, .26);--tag-green-text: #dcfce7;--tag-cyan-bg: rgba(45, 212, 191, .28);--tag-cyan-text: #ccfbf1;--tag-purple-bg: rgba(192, 132, 252, .28);--tag-purple-text: #f3e8ff;--tag-pink-bg: rgba(244, 114, 182, .28);--tag-pink-text: #fce7f3;--tag-orange-bg: rgba(251, 146, 60, .28);--tag-orange-text: #ffedd5;--tag-lime-bg: rgba(163, 230, 53, .28);--tag-lime-text: #f7fee7;--badge-count-active-bg: var(--primary-400);--badge-status-outline: rgba(148, 163, 184, .25);--badge-status-gold-bg: #facc15;--badge-status-gold-text: #fef3c7;--badge-status-purple-bg: #a855f7;--badge-status-purple-text: #ede9fe;--badge-status-cyan-bg: #22d3ee;--badge-status-cyan-text: #cffafe;--badge-status-green-bg: #34d399;--badge-status-green-text: #dcfce7;--surface-elevated-dark: #1e293b;--control-surface-dark: transparent;--dropdown-surface-dark: #111827;--kg-color-paper: #60a5fa;--kg-color-author: #34d399;--kg-color-keyword: #f0abfc;--kg-color-topic: #c4b5fd;--kg-color-domain: #93c5fd;--kg-color-fallback: #a5b4fc;--kg-node-text: #0b1220;--kg-node-text-outline: rgba(248, 250, 252, .9);--kg-node-border: rgba(148, 163, 184, .35);--kg-node-shadow: rgba(15, 23, 42, .65);--kg-node-selected-border: #facc15;--kg-node-selected-shadow: rgba(250, 204, 21, .35);--kg-edge-color: rgba(148, 163, 184, .55);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px 0 rgba(0, 0, 0, .5);--shadow-lg: 0 8px 16px 0 rgba(0, 0, 0, .6);--shadow-xl: 0 12px 24px 0 rgba(0, 0, 0, .7)}body{margin:0;min-height:100vh;background:var(--app-page-ambient-background, var(--bg-gradient));color:var(--color-text-primary);position:relative;isolation:isolate}#root{position:relative;z-index:1}[data-theme=dark]{color:var(--color-text-primary)}[data-theme=dark] svg:not([fill=none]){fill:currentColor}[data-theme=dark] [style*="color: var(--color-text-secondary)"],[data-theme=dark] .shibei-select,[data-theme=dark] .shibei-empty{color:var(--color-text-secondary)!important}[data-theme=dark] .shibei-result-title,[data-theme=dark] .shibei-result-subtitle{color:var(--color-text-primary)!important}.app-splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--color-bg-page);color:var(--color-text-primary);font-size:16px}.app-splash__spinner{width:40px;height:40px;border-radius:50%;border:4px solid rgba(148,163,184,.4);border-top-color:var(--color-link-primary);animation:app-splash-spin .8s linear infinite}.app-splash__text{margin:0;letter-spacing:.02em}@keyframes app-splash-spin{to{transform:rotate(360deg)}}a,a:visited{color:var(--color-link-primary)}[data-theme=dark] a:hover{color:#38bdf8d9}main{padding:24px}.paper-entry{position:relative;cursor:pointer;border-radius:8px}.paper-entry:focus-visible{outline:2px solid var(--bui-accent);outline-offset:2px}.paper-entry .bui-context-card__summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.paper-entry__actions{display:inline-flex;align-items:center;gap:2px}.paper-card__more-wrap{position:relative;display:inline-flex}.paper-card__more-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:170px;padding:5px;border:1px solid var(--border-default);border-radius:10px;background:var(--bg-elevated);box-shadow:var(--shadow-lg);display:none}.paper-card__more-menu.is-open{display:grid;gap:2px}.paper-card__more-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:var(--text-primary);font:inherit;font-size:12.5px;text-align:left;cursor:pointer}.paper-card__more-item:hover,.paper-card__more-item:focus-visible{background:var(--bg-hover);outline:0}.paper-card__more-icon{display:inline-flex;color:var(--text-secondary)}.paper-card__more-icon svg{width:14px;height:14px}.paper-card__cart-button:hover{background:var(--app-surface-glass)!important;border-color:color-mix(in srgb,var(--text-primary) 14%,var(--app-border-glass))!important;transform:none!important}[data-theme=dark] .paper-card__cart-button{background:var(--app-surface-control)!important;border-color:var(--app-border-glass)!important;box-shadow:none!important}[data-theme=dark] .paper-card__cart-button:hover{background:var(--app-surface-glass)!important;border-color:color-mix(in srgb,var(--text-primary) 14%,var(--app-border-glass))!important}.paper-card__checkbox .shibei-checkbox input{width:18px;height:18px;border-radius:6px}.paper-card__checkbox .shibei-checkbox input:checked{background-color:var(--cart-checkbox-checked);border-color:var(--cart-checkbox-checked)}.paper-card .shibei-tag{max-width:112px;padding:2px 7px!important;font-size:11px!important;line-height:1.35!important;margin:0!important;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .paper-card .shibei-tag{opacity:.7}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;width:100%}@media (max-width: 1280px){.skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.skeleton-grid{grid-template-columns:1fr;gap:24px}}.masonry-grid{display:flex;margin-left:-24px;width:100%}.masonry-grid-column{flex:1;min-width:0;padding-left:24px;background-clip:padding-box;overflow:visible}.masonry-grid-column>div{width:100%}.paper-list-status,.paper-list-empty,.paper-list-footer-status{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:13px}.paper-list-status{gap:8px;padding:var(--space-12) 0;text-align:center}.paper-list-status--compact{padding:var(--space-8) 0}.paper-list-empty{flex-direction:column;gap:16px;padding:var(--spacing-2xl) 0;text-align:center}.paper-list-empty--compact{padding:var(--spacing-xl) 0}.paper-list-empty svg{color:var(--color-icon-muted)}.paper-list-virtual-row{padding-bottom:var(--space-8)}.paper-list-virtual-row--compact{padding-bottom:var(--space-5)}.paper-list-footer-status{min-height:42px;padding:var(--spacing-md) 0;text-align:center}.paper-list-footer-status--compact{padding:var(--spacing-sm) 0}.paper-list-status-inline{display:inline-flex;align-items:center;gap:8px}@media (max-width: 768px){.masonry-grid{margin-left:-12px}.masonry-grid-column{padding-left:12px}}.highlight-directory-panel{display:flex;flex-direction:column;gap:6px;background:var(--color-highlight-bg);color:var(--color-highlight-text);padding:14px;border-radius:16px;min-height:240px;box-shadow:var(--color-highlight-shadow);overflow:hidden}.highlight-top-strip{background:var(--color-highlight-bg);border-radius:16px;padding:12px 16px;box-shadow:var(--color-highlight-shadow);display:flex;flex-direction:column;gap:12px}.highlight-top-strip__chips{display:flex;flex-wrap:wrap;gap:8px}.highlight-chip{border-radius:7px!important;padding:5px 10px!important;max-width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}[data-theme=dark] .highlight-chip{background-color:#38bdf826!important;color:#e0f2fe!important;border-color:#38bdf84d!important}[data-theme=dark] .highlight-directory-panel,[data-theme=dark] .highlight-top-strip{background:var(--color-highlight-bg)}:where([data-theme=dark] button){color:var(--color-text-primary)}@keyframes paper-highlight-flash{0%,to{box-shadow:none;background-color:transparent}50%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-primary) 10%,var(--app-border-glass));background-color:color-mix(in srgb,var(--app-surface-glass) 78%,transparent)}}.paper-highlight-flash{animation:paper-highlight-flash 1.2s ease-in-out 1;border-radius:var(--radius-xl)}.feed-guide{padding:8px 12px;background:#7db7ff0f;border-radius:var(--radius-md);border:1px dashed rgba(125,183,255,.2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:var(--spacing-sm);transition:background .2s ease,border-color .2s ease}.feed-guide:hover{background:#7db7ff14;border-color:#7db7ff4d}.feed-guide-button{color:var(--color-link-primary)!important;padding:0!important;font-size:var(--font-size-sm);height:auto;line-height:1}.feed-guide-button:hover{color:var(--color-primary, var(--color-link-primary))!important}[data-theme=dark] .feed-guide{background:#7db7ff1a;border-color:#7db7ff40;color:#cbd5e1}[data-theme=dark] .feed-guide:hover{background:#7db7ff1f;border-color:#7db7ff59}[data-theme=dark] .filters-domain-option__name{color:#f1f5f9}[data-theme=dark] .filters-domain-option__meta{color:#94a3b8}[data-theme=dark] .feed-guide *,[data-theme=dark] .filters-domain-option *{color:inherit}.filters-domain-option{display:inline-flex;align-items:flex-start;gap:8px;line-height:1.3}.filters-domain-option__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:6px}.filters-domain-option__text{display:flex;flex-direction:column;gap:2px}.filters-domain-option__name{font-weight:600;color:var(--color-text-primary)}.filters-domain-option__meta{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.filter-native-select{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:8px 11px;border:1px solid var(--bui-line-strong);border-radius:var(--bui-radius-control);background:var(--bui-inset);color:var(--bui-ink-2);font-size:14px;line-height:1;cursor:pointer;transition:border-color .15s var(--bui-ease),background .15s var(--bui-ease),box-shadow .15s}.filter-native-select:hover,.filter-native-select.is-open{border-color:var(--bui-accent);background:var(--bui-surface)}.filter-native-select:focus-visible{outline:2px solid var(--bui-accent);outline-offset:2px}.filter-native-select.has-value{color:var(--bui-ink)}.filter-native-select__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-native-select__chevron{color:var(--bui-ink-2);font-size:14px}.filter-native-dropdown{position:fixed;z-index:1600;max-height:320px;padding:5px;border:1px solid var(--bui-line);border-radius:var(--bui-radius-card);background:var(--bui-surface);box-shadow:var(--bui-shadow-overlay)}.filter-native-dropdown__search{width:100%;min-height:34px;margin-bottom:5px;padding:7px 9px;border:1px solid var(--bui-line);border-radius:var(--bui-radius-control);background:var(--bui-inset);color:var(--bui-ink);font:inherit;font-size:13px;outline:none}.filter-native-dropdown__search:focus{border-color:var(--bui-accent);box-shadow:var(--bui-focus-ring)}.filter-native-dropdown__list{max-height:240px;overflow-y:auto}.filter-native-dropdown__option{display:flex;align-items:center;gap:8px;min-height:32px;padding:7px 9px;border-radius:var(--bui-radius-chip);color:var(--bui-ink-2);cursor:pointer}.filter-native-dropdown__option:hover{background:var(--bui-hover);color:var(--bui-ink)}.filter-native-dropdown__option--button{width:100%;border:0;background:transparent;font:inherit;text-align:left}.filter-native-dropdown__option--button.is-selected{color:var(--bui-ink);background:var(--bui-surface)}.filter-native-dropdown__empty{padding:8px 6px;color:var(--bui-ink-2)}.filter-native-dropdown__clear{width:100%;margin-top:6px;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:var(--bui-ink-2);cursor:pointer}.shibei-dropdown:not(.shibei-dropdown-hidden),.shibei-tooltip:not(.shibei-tooltip-hidden){z-index:2147483647!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.shibei-collapse-borderless{background:transparent!important}.shibei-collapse-borderless>.shibei-collapse-item{border-bottom:1px solid var(--color-border)}.shibei-collapse-borderless>.shibei-collapse-item:last-child{border-bottom:none}.shibei-collapse-borderless>.shibei-collapse-item>.shibei-collapse-header{padding:16px 0;background:transparent!important}.shibei-collapse-borderless .shibei-collapse-content{background:transparent!important;border:none!important}.shibei-collapse-borderless .shibei-collapse-content>.shibei-collapse-content-box{padding:16px 0}[data-theme=dark] .shibei-collapse-borderless>.shibei-collapse-item{border-bottom-color:#ffffff1f}[data-theme=dark] .shibei-collapse-borderless>.shibei-collapse-item>.shibei-collapse-header{color:#ffffffd9}[data-theme=dark] .shibei-collapse-borderless .shibei-collapse-content{color:#ffffffd9}.shibei-tag{border-radius:12px!important;padding:4px 12px!important;font-weight:500}.transition-base{transition:all var(--duration-base) var(--ease-in-out)}.transition-fast{transition:all var(--duration-fast) var(--ease-in-out)}.transition-slow{transition:all var(--duration-slow) var(--ease-in-out)}.transition-transform{transition:transform var(--duration-base) var(--ease-out)}.transition-colors{transition:color var(--duration-base) var(--ease-in-out),background-color var(--duration-base) var(--ease-in-out),border-color var(--duration-base) var(--ease-in-out)}.transition-opacity{transition:opacity var(--duration-base) var(--ease-in-out)}.transition-shadow{transition:box-shadow var(--duration-base) var(--ease-out)}.transition-card{transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.transition-button{transition:background-color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out),transform var(--duration-fast) var(--ease-out)}.transition-input{transition:border-color var(--duration-base) var(--ease-in-out),box-shadow var(--duration-base) var(--ease-in-out)}.transition-spring{transition:transform var(--duration-slow) var(--ease-spring)}.transition-none{transition:none!important}.container-inline{container-type:inline-size;container-name:responsive-container}.container-size{container-type:size;container-name:responsive-container}@container responsive-container (max-width: 640px){.container-sm\:hidden{display:none}.container-sm\:block{display:block}.container-sm\:flex{display:flex}.container-sm\:grid-cols-1{grid-template-columns:1fr}.container-sm\:text-sm{font-size:var(--text-sm)}.container-sm\:p-2{padding:var(--space-2)}.container-sm\:gap-2{gap:var(--space-2)}}@container responsive-container (max-width: 768px){.container-md\:hidden{display:none}.container-md\:block{display:block}.container-md\:flex-col{flex-direction:column}.container-md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.container-md\:text-base{font-size:var(--text-base)}.container-md\:p-4{padding:var(--space-4)}.container-md\:gap-4{gap:var(--space-4)}}@container responsive-container (max-width: 1024px){.container-lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.container-lg\:flex-row{flex-direction:row}.container-lg\:p-6{padding:var(--space-6)}.container-lg\:gap-6{gap:var(--space-6)}}@media (max-width: 640px){:root{font-size:14px}.page-container{padding:var(--space-3)}.mobile-hidden{display:none}.shibei-card,.paper-card{border-radius:var(--radius-md)}}@media (max-width: 768px){.sidebar-collapsible{width:80px}.card-grid{gap:var(--space-4)}}@media (min-width: 1280px){:root{font-size:16px}.page-container-max{max-width:1440px;margin-left:auto;margin-right:auto}.shibei-card,.paper-card{box-shadow:var(--shadow-lg)}}@media (hover: none) and (pointer: coarse){button,.shibei-btn,a[role=button]{min-height:44px;padding:var(--space-3) var(--space-4)}.paper-card:hover{transform:none;box-shadow:var(--shadow-md)}input,textarea,.shibei-input,.shibei-input-textarea{font-size:16px}}@media (hover: hover) and (pointer: fine){::-webkit-scrollbar{display:block}.interactive-element:hover{cursor:pointer}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.paper-list-context-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:9px 12px;border:1px solid var(--bui-line);border-radius:var(--radius-md);color:var(--bui-ink-2);background:var(--bui-surface);font-size:13px}.paper-list-context-strip button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;color:var(--bui-ink-2);background:transparent;cursor:pointer;font-size:13px}.paper-list-context-strip button:hover{color:var(--bui-ink-2)}.app-floating-button{position:fixed;right:24px;z-index:990;display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--bui-line);border-radius:8px;color:var(--bui-ink-2);background:var(--bui-surface);box-shadow:var(--bui-shadow-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.app-floating-button:hover{border-color:color-mix(in srgb,var(--text-primary) 14%,var(--app-border-glass));color:var(--bui-ink-2);transform:none}.app-floating-button:focus-visible{outline:none;border-color:color-mix(in srgb,var(--text-primary) 16%,var(--app-border-glass))}.app-floating-button--cart{bottom:88px}.app-floating-button--top{bottom:24px}.app-floating-button__badge{position:absolute;top:-5px;right:-4px;display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;padding:0 5px;border:1px solid var(--bui-line);border-radius:6px;color:#fff;background:var(--bui-red);box-shadow:none;font-size:11px;font-weight:650;line-height:1}:root:not([data-theme=dark]) .app-floating-button{color:var(--bui-ink-2);background:var(--bui-surface);box-shadow:var(--bui-shadow-sm)}:root{--bui-page: oklch(.985 .001 286.376);--bui-canvas: oklch(.961 .002 247.84);--bui-surface: oklch(1 0 0);--bui-inset: oklch(.979 .002 247.839);--bui-hover: oklch(.97 .002 247.839);--bui-hover-2: oklch(.933 .003 247.86);--bui-ink: oklch(.247 .006 258.361);--bui-ink-2: oklch(.506 .01 264.477);--bui-ink-3: oklch(.695 .009 264.505);--bui-line: oklch(.946 .003 264.542);--bui-line-strong: oklch(.912 .005 258.326);--bui-line-soft: oklch(.966 .002 264.542);--bui-grid-line: color-mix(in srgb, var(--bui-line) 78%, transparent);--bui-field: oklch(.961 .001 286.375);--bui-stripe: oklch(.405 0 0 / .075);--bui-stripe-bg: oklch(.97 0 0);--bui-accent: oklch(.626 .205 254.947);--bui-accent-ink: oklch(.556 .187 255.617);--bui-accent-tint: oklch(.96 .019 252.878);--bui-green: oklch(.603 .155 150.883);--bui-green-tint: oklch(.958 .017 159.118);--bui-orange: oklch(.689 .179 49.902);--bui-orange-tint: oklch(.964 .021 67.581);--bui-red: oklch(.621 .192 23.042);--bui-red-tint: oklch(.956 .017 17.462);--bui-tooltip-bg: oklch(.272 .008 264.435);--bui-tooltip-fg: oklch(.976 .002 247.839);--bui-tooltip-muted: oklch(.731 .008 260.731);--bui-tooltip-border: oklch(.356 .007 264.474);--bui-shadow-hairline: 0 0 0 1px var(--bui-line);--bui-shadow-btn: 0 0 0 1px var(--bui-line-strong), var(--bui-shadow-xs);--bui-shadow-card: 0 0 0 1px var(--bui-line), var(--bui-shadow-sm);--bui-shadow-raised: 0 0 0 1px var(--bui-line), var(--bui-shadow-md);--bui-shadow-overlay: 0 0 0 1px var(--bui-line), var(--bui-shadow-lg);--bui-shadow-inset-field: inset 0 1px 2px oklch(0 0 0 / .12)}:root[data-theme=dark]{--bui-page: oklch(.209 .004 264.477);--bui-canvas: oklch(.231 .004 264.487);--bui-surface: oklch(.26 .006 271.191);--bui-inset: oklch(.243 .004 264.492);--bui-hover: oklch(.289 .006 271.22);--bui-hover-2: oklch(.318 .007 274.747);--bui-ink: oklch(.964 .002 247.839);--bui-ink-2: oklch(.731 .008 260.731);--bui-ink-3: oklch(.541 .01 264.484);--bui-line: oklch(.308 .006 258.354);--bui-line-strong: oklch(.356 .007 264.474);--bui-line-soft: oklch(.278 .006 258.354);--bui-field: oklch(.293 .006 271.223);--bui-stripe: oklch(1 0 0 / .055);--bui-stripe-bg: oklch(.226 .004 264.485);--bui-accent: oklch(.68 .173 253.301);--bui-accent-ink: oklch(.788 .113 248.33);--bui-accent-tint: oklch(.68 .173 253.301 / .16);--bui-green: oklch(.705 .154 153.814);--bui-green-tint: oklch(.705 .154 153.814 / .14);--bui-orange: oklch(.746 .156 55.642);--bui-orange-tint: oklch(.746 .156 55.642 / .14);--bui-red: oklch(.666 .18 21.433);--bui-red-tint: oklch(.666 .18 21.433 / .14);--bui-tooltip-bg: oklch(.182 .004 264.459);--bui-tooltip-fg: oklch(.964 .002 247.839);--bui-tooltip-muted: oklch(.731 .008 260.731);--bui-tooltip-border: oklch(.308 .006 258.354);--bui-shadow-hairline: 0 0 0 1px var(--bui-line);--bui-shadow-btn: 0 0 0 1px oklch(1 0 0 / .1), 0 1px 2px oklch(0 0 0 / .3);--bui-shadow-card: 0 0 0 1px oklch(1 0 0 / .11), 0 1px 2px oklch(0 0 0 / .2), 0 2px 6px oklch(0 0 0 / .2);--bui-shadow-raised: 0 0 0 1px oklch(1 0 0 / .13), 0 2px 10px oklch(0 0 0 / .22);--bui-shadow-overlay: 0 0 0 1px oklch(1 0 0 / .15), 0 8px 28px oklch(0 0 0 / .34);--bui-shadow-inset-field: inset 0 1px 2px oklch(0 0 0 / .4)}:root,:root[data-theme=dark]{--bui-shadow-xs: 0 1px 2px #00000008;--bui-shadow-sm: 0 1px 2px #00000006, 0 3px 8px #00000006;--bui-shadow-md: 0 2px 4px #00000008, 0 6px 16px #0000000a;--bui-shadow-lg: 0 4px 8px #0000000a, 0 12px 32px #00000014;--bui-radius-chip: 6px;--bui-radius-control: 8px;--bui-radius-card: 10px;--bui-radius-window: 14px;--bui-ease: cubic-bezier(.23,1,.32,1);--bui-surface-raised: var(--bui-surface);--bui-surface-hover: var(--bui-hover);--bui-border: var(--bui-line);--bui-border-strong: var(--bui-line-strong);--bui-text: var(--bui-ink);--bui-muted: var(--bui-ink-2);--bui-radius: var(--bui-radius-card);--bui-radius-small: var(--bui-radius-control);--bui-focus-ring: 0 0 0 3px var(--bui-accent-tint);--primary-400: var(--bui-accent);--primary-500: var(--bui-accent);--primary-600: var(--bui-accent-ink);--text-quaternary: var(--bui-ink-3);--surface-elevated-dark: var(--bui-surface);--color-primary: var(--bui-accent);--color-warning-bg: var(--bui-orange-tint);--color-warning-border: var(--bui-orange);--color-warning-text: var(--bui-orange);--color-plan-surface: var(--bui-inset);--color-plan-text: var(--bui-ink);--bg-base: var(--bui-page);--bg-surface: var(--bui-surface);--bg-elevated: var(--bui-surface);--bg-secondary: var(--bui-inset);--bg-hover: var(--bui-hover);--bg-active: var(--bui-hover-2);--bg-selected: var(--bui-hover-2);--bg-gradient: var(--bui-page);--bg-gradient-radial: none;--text-primary: var(--bui-ink);--text-secondary: var(--bui-ink-2);--text-tertiary: var(--bui-ink-2);--text-muted: var(--bui-ink-2);--text-link: var(--bui-accent-ink);--text-link-hover: var(--bui-accent);--border-default: var(--bui-line);--border-subtle: var(--bui-line-soft);--border-strong: var(--bui-line-strong);--sidebar-bg: var(--bui-canvas);--sidebar-item-hover: var(--bui-hover);--sidebar-item-active: var(--bui-hover-2);--app-page-ambient-background: var(--bui-page);--app-surface-glass: var(--bui-surface);--app-surface-glass-strong: var(--bui-surface);--app-surface-control: var(--bui-inset);--app-border-glass: var(--bui-line);--app-shadow-glass: var(--bui-shadow-card)}body{font-feature-settings:"cv11","ss01"}:where(button,a,summary,[role=button]):focus-visible{outline:2px solid var(--bui-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){:where(.bui-button,.bui-nav-item){transition:none}}
