:root{--font-family-sans: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3.5rem;--line-height-tight: 1.2;--line-height-base: 1.6;--line-height-relaxed: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--container-max: 1200px;--container-padding-x: 2rem;--container-padding-x-sm: 1rem;--grid-gap: 2rem;--card-min-col: 350px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--radius-control: var(--radius-sm);--radius-surface: var(--radius-lg);--radius-chip: var(--radius-full);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .3);--shadow-1: var(--shadow-md);--shadow-hover: var(--shadow-lg), 0 0 20px rgba(var(--brand-rgb), .2);--card-shine-border: rgba(var(--brand-rgb), .3);--backdrop-blur: 10px;--duration-rapid: .12s;--duration-fast: .3s;--duration-medium: .4s;--duration-slow: .6s;--duration-hero: 1s;--duration-fade: .8s;--easing-standard: cubic-bezier(.2, 0, .2, 1);--easing-emphasized: cubic-bezier(.175, .885, .32, 1.275);--easing-out: ease-out;--z-negative: -1;--z-base: 0;--z-overlay: 1000;--z-cursor: 9999;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--color-black-900: #0c0c0c;--color-black-800: #0f0f0f;--color-black-700: #1a1a1a;--color-white: #ffffff;--color-text: #e0e0e0;--color-text-muted: #b0b0b0;--color-text-subtle: #888;--color-primary: #4ecdc4;--color-primary-hover: #26c6da;--color-secondary: #ff6b6b;--color-secondary-hover: #ff5252;--color-tertiary: #7f3fff;--color-tertiary-hover: #6a2fe0;--brand-rgb: 78, 205, 196;--color-brand: var(--color-primary);--color-brand-hover: var(--color-primary-hover);--color-accent: var(--color-tertiary);--color-accent-strong: var(--color-tertiary-hover);--color-error: var(--color-secondary);--color-error-strong: var(--color-secondary-hover);--color-success: var(--color-primary);--color-warning: #ffbf3f;--color-surface: rgba(30, 30, 30, .8);--color-surface-2: rgba(20, 20, 20, .9);--color-surface-elevated: var(--color-surface-2);--color-border: rgba(255, 255, 255, .1);--color-overlay: rgba(0, 0, 0, .3);--surface: var(--color-surface);--surface-elevated: var(--color-surface-2);--surface-border: var(--color-border);--surface-border-strong: rgba(255, 255, 255, .2);--surface-active: rgba(255, 255, 255, .08);--surface-hover: rgba(255, 255, 255, .06);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--text-tertiary: var(--color-text-subtle);--text-heading: var(--color-white);--brand: var(--color-brand);--brand-contrast: var(--color-white);--accent: var(--color-accent);--danger: var(--color-error);--bg-app: linear-gradient(135deg, var(--color-black-900) 0%, var(--color-black-700) 50%, var(--color-black-800) 100%);--bg-hero-gradient: linear-gradient(45deg, var(--color-error), var(--brand), var(--color-accent));--gradient-brand: linear-gradient(135deg, var(--color-error), var(--brand));--bg-scrollbar-thumb: linear-gradient(45deg, var(--color-error), var(--brand));--bg-scrollbar-thumb-hover: linear-gradient(45deg, var(--color-error-strong), var(--color-accent-strong));--border-width-1: 1px;--focus-ring-width: 2px;--focus-ring-color: var(--brand);--particle-size: 2px;--category-color-1: rgba(153,153,255,.9);--category-color-2: rgba(255,153,153,.9);--category-color-3: rgba(102,255,255,.9);--category-color-4: rgba(191, 127, 255, .9);--category-color-5: rgba(255, 191, 63, .9);--category-color-6: rgba(63, 255, 191, .9);--category-color-7: rgba(127, 63, 255, .9);--category-color-8: rgba(255, 127, 191, .9);--category-color-9: rgba(191, 255, 127, .9);--palette-berry-red: #b8255f;--palette-red: #db4035;--palette-orange: #ff9933;--palette-yellow: #fad000;--palette-olive-green: #afb83b;--palette-lime-green: #7ecc49;--palette-green: #299438;--palette-mint-green: #6accbc;--palette-teal: #158fad;--palette-sky-blue: #14aaf5;--palette-light-blue: #96c3eb;--palette-blue: #4073ff;--palette-grape: #884dff;--palette-violet: #af38eb;--palette-lavender: #eb96eb;--palette-magenta: #e05194;--palette-salmon: #ff8d85;--palette-charcoal: #808080;--palette-grey: #b8b8b8;--palette-taupe: #ccac93;--palette-periwinkle: #a3a3ff;--palette-coral: #ffa3a3;--palette-cyan: #75ffff;--palette-orchid: #c58cff;--palette-gold: #ffc552;--palette-spring-green: #52ffc5;--palette-indigo: #8c52ff;--palette-pink: #ff8cc5;--palette-chartreuse: #c5ff8c;--palette-category-1: var(--palette-periwinkle);--palette-category-2: var(--palette-coral);--palette-category-3: var(--palette-cyan);--palette-category-4: var(--palette-orchid);--palette-category-5: var(--palette-gold);--palette-category-6: var(--palette-spring-green);--palette-category-7: var(--palette-indigo);--palette-category-8: var(--palette-pink);--palette-category-9: var(--palette-chartreuse);--chart-grid-color: rgba(255, 255, 255, .1);--chart-axis-color: var(--text-tertiary)}[data-theme=light]{--text-primary: #111111;--text-secondary: #555555;--text-tertiary: #777777;--text-heading: #000000;--surface: #ffffff;--surface-elevated: #f7f8fa;--surface-border: rgba(0, 0, 0, .1);--surface-border-strong: rgba(0, 0, 0, .2);--surface-active: rgba(0, 0, 0, .06);--surface-hover: rgba(0, 0, 0, .05);--color-surface: #ffffff;--color-surface-elevated: #f7f8fa;--color-border: rgba(0, 0, 0, .1);--color-text: #111111;--color-text-muted: #555555;--color-text-subtle: #777777;--bg-app: linear-gradient(135deg, #fafafa 0%, #f2f2f2 50%, #ffffff 100%);--brand: var(--color-brand);--brand-contrast: #ffffff;--accent: var(--color-accent);--danger: var(--color-error);--bg-scrollbar-thumb: linear-gradient(45deg, var(--color-error), var(--brand));--bg-scrollbar-thumb-hover: linear-gradient(45deg, var(--color-error-strong), var(--color-accent-strong))}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;min-height:100vh;font-family:var(--font-family-sans);line-height:var(--line-height-base);background:var(--bg-app);background-attachment:fixed;color:var(--color-text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 15% 20%,var(--color-brand),transparent),radial-gradient(1.5px 1.5px at 80% 35%,rgba(var(--brand-rgb),.7),transparent),radial-gradient(1px 1px at 45% 70%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 65% 88%,var(--color-brand),transparent),radial-gradient(1px 1px at 30% 50%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 92% 78%,rgba(var(--brand-rgb),.6),transparent),radial-gradient(1px 1px at 8% 80%,rgba(255,255,255,.5),transparent);background-size:220px 220px;background-repeat:repeat;animation:site-twinkle 6s ease-in-out infinite,site-drift 90s linear infinite}@keyframes site-twinkle{0%,to{opacity:.35}50%{opacity:.9}}@keyframes site-drift{0%{background-position:0 0}to{background-position:0 -220px}}@media (prefers-reduced-motion: reduce){body:before{animation:none}}.lucide{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-border-strong);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--surface-border-strong) transparent}}.ui-particles{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-negative);overflow:hidden}.ui-particle{position:absolute;width:var(--particle-size);height:var(--particle-size);background:var(--color-brand);border-radius:var(--radius-full);opacity:0;animation:ui-particle-float 6s ease-in-out infinite}@keyframes ui-particle-float{0%,to{transform:translateY(0) translate(0);opacity:0}50%{transform:translateY(-100px) translate(50px);opacity:1}}@media (prefers-reduced-motion: reduce){.ui-particle{animation:none}}.ui-card{position:relative;overflow:hidden;background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border);box-shadow:var(--shadow-md);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur))}.ui-card--shine,.ui-card--lift{transition:transform var(--duration-medium) var(--easing-emphasized),box-shadow var(--duration-medium) var(--easing-emphasized),border-color var(--duration-medium) var(--easing-emphasized)}.ui-card--shine:before{content:"";position:absolute;inset:0 auto 0 -100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left var(--duration-slow) var(--easing-standard);pointer-events:none}.ui-card--shine:hover:before{left:100%}.ui-card--shine:hover{box-shadow:var(--shadow-hover);border-color:var(--card-shine-border)}.ui-card--shine:hover .ui-card__title{color:var(--color-brand)}.ui-card--lift{cursor:pointer}.ui-card--lift:hover{transform:translateY(-10px)}@media (prefers-reduced-motion: reduce){.ui-card--shine,.ui-card--shine:before,.ui-card--lift{transition:none}.ui-card--lift:hover{transform:none}}.ui-card__meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--text-tertiary)}.ui-card__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-4);transition:color var(--duration-fast) var(--easing-standard)}.ui-card__excerpt{color:var(--text-secondary);margin-bottom:var(--space-5);line-height:var(--line-height-relaxed)}.ui-link-more{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-brand);text-decoration:none;font-weight:600;transition:transform var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.ui-link-more:after{content:"→";transition:transform var(--duration-fast) var(--easing-standard)}.ui-link-more:hover{transform:translate(5px);color:var(--color-secondary)}.ui-link-more:hover:after{transform:translate(5px)}.ui-btn{display:inline-flex;align-items:center;gap:var(--space-2);font:inherit;padding:.6rem .9rem;border:var(--border-width-1) solid transparent;border-radius:var(--radius-control);white-space:nowrap;flex-shrink:0;cursor:pointer;transition:background var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.ui-btn--primary{background:var(--color-brand);color:var(--brand-contrast)}.ui-btn--primary:hover:not(:disabled){background:var(--color-brand-hover)}.ui-btn--ghost{background:var(--color-surface);color:inherit;border-color:var(--color-border)}.ui-btn--danger{background:var(--color-error);color:#fff}.ui-btn--danger:hover:not(:disabled){background:var(--color-error-strong)}.ui-field label{display:block;font-size:var(--font-size-sm);margin:.75rem 0 .25rem}.ui-field input,.ui-field .ui-select{width:100%;box-sizing:border-box;padding:.6rem .75rem;border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit}.ui-select-wrap{position:relative}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-7);font:inherit;cursor:pointer}.ui-select__chevron{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.ui-msg{margin-top:.6rem;font-size:var(--font-size-sm);min-height:1.2em;color:var(--color-error)}.ui-msg--ok{color:var(--color-success)}.ui-navbar{position:fixed;top:0;left:0;width:100%;z-index:var(--z-overlay);padding:var(--space-4) 0;background:var(--color-surface-2);backdrop-filter:blur(calc(var(--backdrop-blur) * 2));-webkit-backdrop-filter:blur(calc(var(--backdrop-blur) * 2));border-bottom:var(--border-width-1) solid var(--color-border);transition:transform var(--duration-fast) var(--easing-standard)}.ui-navbar--hidden{transform:translateY(-100%)}.ui-navbar__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding-x);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.ui-navbar__logo{font-size:var(--font-size-xl);font-weight:700;color:var(--text-heading)}.ui-navbar__links{display:flex;list-style:none;gap:var(--space-6);padding:0;margin:0 0 0 auto}.ui-navbar__link{position:relative;display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary);text-decoration:none;font-weight:500;transition:color var(--duration-fast) var(--easing-standard),transform var(--duration-fast) var(--easing-standard)}.ui-navbar__link svg{width:16px;height:16px;flex-shrink:0}.ui-navbar__link:hover{color:var(--color-brand);transform:translateY(-2px)}.ui-navbar__link:after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:2px;background:var(--bg-scrollbar-thumb);transform:translate(-50%);transition:width var(--duration-fast) var(--easing-standard)}.ui-navbar__link:hover:after,.ui-navbar__link--active:after{width:100%}.ui-navbar__link--active{color:var(--color-brand)}.ui-account{display:flex;align-items:center;gap:var(--space-3)}.ui-account__name{color:var(--text-primary);text-decoration:none;font-weight:600;transition:color var(--duration-fast) var(--easing-standard)}.ui-account__name:hover{color:var(--color-brand)}.ui-account__logout{font:inherit;font-size:var(--font-size-sm);padding:.3rem .7rem;color:var(--text-secondary);background:transparent;border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:color var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard)}.ui-account__logout:hover{color:var(--color-error);border-color:var(--color-error)}.ui-account__logout:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.ui-account__name--button{background:none;border:none;padding:0;font:inherit;cursor:pointer}.ui-dropdown{position:relative;display:inline-flex}.ui-dropdown__panel{position:absolute;top:100%;right:0;z-index:var(--z-overlay);margin-top:var(--space-2);min-width:12rem;background:var(--color-surface-2);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-surface);box-shadow:var(--shadow-lg);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.ui-dropdown__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.ui-dropdown__item{display:flex;align-items:center;gap:var(--space-2);width:100%;box-sizing:border-box;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);color:var(--text-primary);text-decoration:none;font:inherit;background:transparent;border:none;cursor:pointer;transition:background var(--duration-rapid) var(--easing-standard)}a.ui-dropdown__item:hover,button.ui-dropdown__item:hover:not(:disabled){background:#ffffff0f}.ui-dropdown__item svg{width:16px;height:16px;flex-shrink:0}.ui-dropdown__item--active{color:var(--text-tertiary);cursor:default}.ui-dropdown__divider{height:var(--border-width-1);margin:var(--space-1) 0;background:var(--color-border)}@media (max-width: 768px){.ui-navbar__links{display:none}.ui-navbar__container{padding:0 var(--container-padding-x-sm)}}@media (prefers-reduced-motion: reduce){.ui-navbar,.ui-navbar__link,.ui-navbar__link:after{transition:none}.ui-navbar__link:hover{transform:none}}.ui-iconbtn{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:var(--space-2);border:none;border-radius:var(--radius-control);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background var(--duration-rapid) var(--easing-standard),color var(--duration-rapid) var(--easing-standard)}.ui-iconbtn:hover:not(:disabled),.ui-iconbtn:focus-visible{background:#ffffff0f;color:var(--text-primary)}.ui-iconbtn--danger:hover:not(:disabled),.ui-iconbtn--danger:focus-visible{background:#ffffff0f;color:var(--danger)}.ui-iconbtn:disabled{opacity:.5;cursor:not-allowed}.ui-iconbtn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-overlay);animation:ui-modal-fade var(--duration-fast) var(--easing-standard)}.ui-modal-backdrop--top{align-items:flex-start;padding-top:var(--space-6)}.ui-modal{width:calc(100% - 2 * var(--space-4));max-width:40rem;max-height:calc(100vh - 2 * var(--space-4));overflow-y:auto;box-sizing:border-box;padding:var(--space-6);background:var(--surface-elevated);border:var(--border-width-1) solid var(--surface-border);border-radius:var(--radius-surface);box-shadow:var(--shadow-lg);animation:ui-modal-in var(--duration-fast) var(--easing-standard)}.ui-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:var(--border-width-1) solid var(--surface-border)}.ui-modal__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-heading)}.ui-modal__body{color:var(--text-primary)}.ui-modal__foot{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5)}@keyframes ui-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-in{0%{opacity:0;transform:translateY(var(--space-2)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.ui-modal-backdrop,.ui-modal{animation:none}}.ui-toast{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%);z-index:var(--z-overlay);display:flex;align-items:center;gap:var(--space-3);max-width:calc(100% - 2 * var(--space-4));padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:var(--border-width-1) solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-primary);animation:ui-toast-in var(--duration-fast) var(--easing-standard)}.ui-toast__icon{flex:none;color:var(--text-secondary)}.ui-toast__icon--success{color:var(--brand)}.ui-toast__icon--error{color:var(--danger)}.ui-toast__message{flex:1;min-width:0}.ui-toast__action{flex:none;font:inherit;background:transparent;border:none;color:var(--brand);font-weight:600;cursor:pointer}@keyframes ui-toast-in{0%{opacity:0;transform:translate(-50%,var(--space-3))}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.ui-toast{animation:none}}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-chip);font-size:var(--font-size-xs);font-weight:600;line-height:1.4}.ui-badge--brand{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand)}.ui-badge--neutral{background:color-mix(in srgb,var(--text-secondary) 14%,transparent);color:var(--text-secondary)}.ui-badge--danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.ui-badge--warning{background:color-mix(in srgb,var(--color-warning) 14%,transparent);color:var(--color-warning)}.ui-seg{display:inline-flex;border:var(--border-width-1) solid var(--surface-border);border-radius:var(--radius-control);overflow:hidden}.ui-seg__btn{font:inherit;white-space:nowrap;padding:var(--space-1) var(--space-3);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-rapid) var(--easing-standard),color var(--duration-rapid) var(--easing-standard)}.ui-seg__btn.is-active{background:var(--surface-active);color:var(--brand);font-weight:600}.ui-seg__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.ui-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:var(--border-width-1) solid var(--surface-border);list-style:none}.ui-row:last-child{border-bottom:none}.ui-row__body{flex:1;min-width:0}.ui-row__actions{flex:none;display:flex;gap:var(--space-2);opacity:0;transition:opacity var(--duration-rapid) var(--easing-standard)}.ui-row:hover .ui-row__actions,.ui-row__actions:focus-within{opacity:1}@media (hover: none){.ui-row__actions{opacity:1}}.ui-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-7) var(--space-4);color:var(--text-tertiary)}.ui-empty__icon{margin-bottom:var(--space-3);font-size:2rem}.ui-spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-chip);animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ui-spinner{animation-duration:1.6s}}.ui-pagehead{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.ui-pagehead__title{flex:1;min-width:0}.ui-pagehead__title h1{margin:0;font-size:var(--font-size-xl);color:var(--text-heading)}.ui-pagehead__subtitle{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary)}.ui-pagehead__actions{flex:none;display:flex;gap:var(--space-2)}.ui-swatch{position:relative;flex:0 0 auto;line-height:0}.ui-swatch__dot{display:block;width:14px;height:14px;border-radius:var(--radius-full);border:1px solid var(--surface-border-strong);padding:0;cursor:pointer}.ui-swatch__pop{position:absolute;top:calc(100% + 4px);left:0;z-index:var(--z-overlay);display:grid;grid-template-columns:repeat(5,18px);gap:var(--space-2);padding:var(--space-3);background:var(--surface-elevated);border:var(--border-width-1) solid var(--surface-border-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow-lg);max-width:calc(100vw - 2 * var(--space-4))}.ui-swatch__pop--right{left:auto;right:0}.ui-swatch__cell{display:block;width:18px;height:18px;border-radius:var(--radius-full);border:2px solid transparent;padding:0;cursor:pointer}.ui-swatch__cell.is-on{border-color:var(--text-primary)}.ui-manage-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:var(--border-width-1) solid var(--surface-border)}.ui-manage-row--add{border-bottom:none;border-top:2px solid var(--surface-border-strong);padding-top:var(--space-4);margin-top:var(--space-2)}.ui-manage-dot{width:12px;height:12px;border-radius:var(--radius-full);flex:0 0 12px}.ui-manage-name{flex:1 1 auto;min-width:0;border:var(--border-width-1) solid transparent;border-radius:var(--radius-control);padding:var(--space-1) var(--space-2);font-size:var(--font-size-md);background:transparent;color:var(--text-primary)}.ui-manage-name:focus{border-color:var(--surface-border-strong);outline:none}.ui-manage-row-group{display:flex;flex-direction:column}.ui-manage-row__extra{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-bottom:var(--space-2)}.ui-manage-row__extra-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary)}.ui-tree-list{display:flex;flex-direction:column;gap:var(--space-2)}.ui-tree-row{gap:var(--space-3)}.ui-tree-row.is-dragging{opacity:.45}.ui-tree-row.is-drop-before{box-shadow:inset 0 2px 0 var(--brand)}.ui-tree-row.is-drop-after{box-shadow:inset 0 -2px 0 var(--brand)}.ui-tree-row.is-drop-nest{background:color-mix(in srgb,var(--brand) 14%,transparent);box-shadow:inset 0 0 0 1px var(--brand);border-radius:var(--radius-control)}.ui-tree-row__handle{flex:0 0 auto;cursor:grab;color:var(--text-secondary);line-height:1;padding:0 var(--space-1);-webkit-user-select:none;user-select:none}.ui-tree-row__handle:active{cursor:grabbing}.ui-tree-row__handle--placeholder{visibility:hidden}.ui-tree-row__star,.ui-tree-row__act{flex:0 0 auto;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-control);padding:var(--space-1);line-height:1;font-size:var(--font-size-md)}.ui-tree-row__star:hover,.ui-tree-row__act:hover{background:var(--surface-hover)}.ui-tree-row__star.is-on{color:var(--color-warning)}.ui-tree-row__act--danger:hover{color:var(--danger)}body{padding-top:72px}.app-nav__hamburger{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-right:var(--space-3);border:none;border-radius:var(--radius-control);background:transparent;color:var(--text-primary);cursor:pointer;transition:background var(--duration-rapid) var(--easing-standard)}.app-nav__hamburger:hover{background:#ffffff0f}@media (min-width: 769px){.app-nav__hamburger{display:none}}.app-nav__title{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:700;color:var(--text-heading)}.app-nav__title svg{width:20px;height:20px;flex-shrink:0}.app-shell{display:grid;grid-template-columns:220px 1fr;align-items:start}.app-shell__sidebar{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--color-surface-2);border-right:var(--border-width-1) solid var(--color-border);box-sizing:border-box;position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto}.app-shell__tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);color:var(--text-secondary);text-decoration:none;font-weight:500;transition:background var(--duration-rapid) var(--easing-standard),color var(--duration-rapid) var(--easing-standard)}.app-shell__tab:hover{background:#ffffff0f;color:var(--text-primary)}.app-shell__tab.is-active{background:color-mix(in srgb,var(--color-brand) 14%,transparent);color:var(--color-brand);font-weight:600}.app-shell__tab-icon{display:inline-flex;flex:none}.app-shell__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:auto;font-size:var(--font-size-xs);font-weight:600;line-height:1;background:color-mix(in srgb,var(--color-brand) 14%,transparent);color:var(--color-brand);border-radius:var(--radius-chip)}.app-shell__content{min-width:0;box-sizing:border-box;padding:var(--space-6) var(--space-5)}.app-shell__content--full{width:100%}.app-shell__backdrop{display:none}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.app-shell__sidebar{position:fixed;top:72px;bottom:0;left:0;height:auto;width:min(85vw,300px);z-index:var(--z-overlay);transform:translate(-100%);transition:transform var(--duration-fast) var(--easing-standard);box-shadow:var(--shadow-lg)}.app-shell__sidebar.is-open{transform:none}.app-shell__backdrop{display:block;position:fixed;right:0;bottom:0;left:0;top:72px;z-index:calc(var(--z-overlay) - 1);background:var(--color-overlay);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--easing-standard)}.app-shell__backdrop.is-open{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion: reduce){.app-shell__sidebar,.app-shell__backdrop{transition:none}}.md{--md-accent-rgb: var(--brand-rgb);color:var(--text-primary);line-height:var(--line-height-relaxed);overflow-wrap:anywhere}.md>*:first-child{margin-top:0}.md>*:last-child{margin-bottom:0}.md p{margin:0 0 8px}.md h1{font-size:1.35em;margin:16px 0 6px;font-weight:700}.md h2{font-size:1.15em;margin:14px 0 5px;font-weight:700}.md h3{font-size:1.05em;margin:12px 0 4px;font-weight:600}.md h4,.md h5,.md h6{font-size:1em;margin:10px 0 3px;font-weight:600;color:var(--text-tertiary)}.md ul,.md ol{margin:4px 0 8px 22px;padding:0}.md li{margin-bottom:3px;line-height:1.7}.md li p{margin:0}.md strong{font-weight:700}.md em{font-style:italic}.md hr{border:none;border-top:1px solid var(--surface-border);margin:14px 0}.md a{color:var(--accent);text-decoration:none}.md a:hover{text-decoration:underline}.md blockquote{margin:10px 0;padding:4px 14px;border-left:3px solid var(--accent);color:var(--text-secondary)}.md code{background:rgba(var(--md-accent-rgb),.12);color:#7fe9e0;padding:1px 6px;border-radius:var(--radius-xs);font-size:.85em;font-family:Fira Mono,Consolas,monospace}.md pre{background:#0000004d;border:1px solid var(--surface-border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:14px 16px;overflow-x:auto;font-size:13px;margin:10px 0;font-family:Fira Mono,Consolas,monospace;line-height:1.6}.md pre code{background:none;padding:0;color:inherit;font-size:13px}.md .md-code{margin:10px 0}.md .md-code+*{margin-top:0}.md .md-code pre{margin:0;border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none}.md-code-bar{display:flex;align-items:center;justify-content:space-between;padding:5px 12px;background:var(--surface);border:1px solid var(--surface-border);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.md-code-lang{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);font-family:Fira Mono,Consolas,monospace}.md-code-copy{background:transparent;border:1px solid var(--surface-border);color:var(--text-secondary);font-size:11px;padding:2px 10px;border-radius:var(--radius-xs);cursor:pointer;font-family:inherit;transition:color .2s,border-color .2s,background .2s}.md-code-copy:hover{color:var(--accent);border-color:var(--accent);background:rgba(var(--md-accent-rgb),.08)}.md table{border-collapse:collapse;font-size:13px;width:100%;margin:12px 0;border:1px solid var(--surface-border);border-radius:var(--radius-sm);overflow:hidden}.md th{background:var(--surface);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);padding:9px 14px;border-bottom:2px solid rgba(var(--md-accent-rgb),.35);text-align:left;white-space:nowrap}.md td{padding:8px 14px;border-bottom:1px solid var(--surface-border);vertical-align:top;line-height:1.6;color:var(--text-primary)}.md tbody tr:last-child td{border-bottom:none}.md tbody tr:nth-child(2n) td{background:#ffffff06}.md tbody tr:hover td{background:rgba(var(--md-accent-rgb),.07)}.md td code{font-size:12px}.md img{max-width:100%;border-radius:var(--radius-sm)}.page{min-height:100vh}.site-main{max-width:820px;margin:0 auto;padding:0 var(--space-4) var(--space-8)}.site-main.wide{max-width:1280px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media (max-width: 900px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.post-grid{grid-template-columns:1fr}}.post-grid .ui-card{display:flex;flex-direction:column}.post-grid .ui-card__title{text-decoration:none}.post-grid .ui-link-more{margin-top:auto}.home-slogan{text-align:center;margin:calc(var(--space-7) * 2) 0 calc(var(--space-8) * 2)}.home-slogan-title{margin:0;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:800;line-height:var(--line-height-tight);background:var(--bg-scrollbar-thumb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.home-slogan-subtitle{margin:var(--space-3) 0 0;font-size:var(--font-size-lg);color:var(--text-secondary)}.post-title{font-size:var(--font-size-2xl);color:var(--text-heading);margin:var(--space-4) 0 var(--space-3);line-height:var(--line-height-tight)}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);color:var(--text-tertiary);font-size:var(--font-size-sm)}.tag{color:var(--accent)}.back{margin-top:var(--space-7)}.back a{color:var(--text-secondary);text-decoration:none}.back a:hover{color:var(--brand)}.md.prose-blog{font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.md-music{margin:var(--space-5) 0;padding:var(--space-4);background:var(--surface);border:var(--border-width-1) solid var(--surface-border);border-radius:var(--radius-md)}.md-music-title{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.md-music-audio{width:100%}.md-video{margin:var(--space-5) 0;padding:var(--space-4);background:var(--surface);border:var(--border-width-1) solid var(--surface-border);border-radius:var(--radius-md)}.md-video-title{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.md-video-el{width:100%;display:block;border-radius:var(--radius-xs);background:#000}.admin-head{display:flex;align-items:center;justify-content:space-between}.admin-list{list-style:none;margin:0 0 var(--space-6);padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.admin-list li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:var(--border-width-1) solid var(--surface-border)}.admin-list a{color:var(--text-primary);text-decoration:none}.admin-list a:hover{color:var(--brand)}.cat-admin{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.cat-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px var(--space-3);border-radius:var(--radius-chip);background:var(--surface-elevated);border:var(--border-width-1) solid var(--surface-border);color:var(--text-secondary);font-size:var(--font-size-sm)}.cat-add{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-6);max-width:360px}.cat-select{display:flex;flex-direction:column;gap:var(--space-2)}.cat-select-label{color:var(--text-tertiary);font-size:var(--font-size-sm)}.cat-options{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.cat-option{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer}.editor{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}@media (max-width: 768px){.editor{grid-template-columns:1fr}}.editor-fields{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface-elevated);border:var(--border-width-1) solid var(--surface-border);border-radius:var(--radius-xs);color:var(--text-primary);font:inherit}.input:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color)}.editor-body{width:100%;min-height:60vh;padding:var(--space-3);background:var(--surface-elevated);border:var(--border-width-1) solid var(--surface-border);border-radius:var(--radius-xs);color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-size-sm);line-height:var(--line-height-base);resize:vertical}.editor-body.drag-over{border-style:dashed;border-color:var(--brand);outline:var(--focus-ring-width) solid var(--focus-ring-color)}.editor-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.editor-actions .spacer{flex:1}.media-lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3);background:var(--surface-elevated);border:var(--border-width-1) solid var(--surface-border);border-radius:var(--radius-xs);max-height:40vh;overflow:auto}.media-lib-item{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.media-lib-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:0;background:var(--surface);border:var(--border-width-1) solid var(--surface-border);border-radius:var(--radius-xs);cursor:pointer;overflow:hidden}.media-lib-thumb:hover{border-color:var(--brand)}.media-lib-thumb img{width:100%;height:100%;object-fit:cover}.media-lib-audio,.media-lib-video{font-size:1.75rem}.media-lib-meta{display:flex;flex-direction:column;min-width:0}.media-lib-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm)}.media-lib-slug{color:var(--text-tertiary);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-preview{background:var(--surface);border:var(--border-width-1) solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-5);max-height:85vh;overflow:auto}.muted{color:var(--text-tertiary)}.error{color:var(--danger)}