:root{--ik-color-blue: #82AAFF;--ik-color-cyan: #89DDFF;--ik-color-purple: #C792EA;--ik-color-green: #C3E88D;--ik-color-yellow: #FFCB6B;--ik-color-orange: #F78C6C;--ik-color-red: #F07178;--ik-color-white: #EEFFFF;--ik-color-1E2132: #1E2132;--ik-color-292D3E: #292D3E;--ik-color-32374A: #32374A;--ik-color-3B3F57: #3B3F57;--ik-color-676E95: #676E95;--ik-color-A6ACCD: #A6ACCD;--ik-size-0px: 0;--ik-size-1px: 1px;--ik-size-2px: 2px;--ik-size-4px: 4px;--ik-size-8px: 8px;--ik-size-13px: 13px;--ik-size-15px: 15px;--ik-size-16px: 16px;--ik-size-18px: 18px;--ik-size-24px: 24px;--ik-size-32px: 32px;--ik-size-40px: 40px;--ik-size-420px: 420px;--ik-size-800px: 800px;--ik-size-60vh: 60vh;--ik-size-100vh: 100vh;--ik-size-3px: 3px;--ik-size-100px: 100px;--ik-size-900px: 900px;--ik-line-1: 1;--ik-line-1_1: 1.1;--ik-line-1_2: 1.2;--ik-line-1_25: 1.25;--ik-line-1_4: 1.4;--ik-line-1_6: 1.6;--ik-weight-600: 600;--ik-weight-700: 700;--ik-letter-0_02em: -0.02em;--ik-opacity-85: .85;--color-bg: var(--ik-color-292D3E);--color-bg-elevated: var(--ik-color-32374A);--color-bg-inset: var(--ik-color-1E2132);--color-text: var(--ik-color-A6ACCD);--color-text-strong: var(--ik-color-white);--color-text-muted: var(--ik-color-676E95);--color-primary: var(--ik-color-blue);--color-accent: var(--ik-color-cyan);--color-highlight: var(--ik-color-purple);--color-success: var(--ik-color-green);--color-warning: var(--ik-color-yellow);--color-error: var(--ik-color-red);--color-info: var(--ik-color-orange);--color-border: var(--ik-color-3B3F57);--syntax-comment: var(--color-text-muted);--syntax-keyword: var(--color-highlight);--syntax-string: var(--color-success);--syntax-number: var(--color-info);--syntax-function: var(--color-primary);--syntax-type: var(--color-warning);--syntax-operator: var(--color-accent);--syntax-punctuation: var(--color-text);--font-mono: Consolas, monospace;--font-size-base: var(--ik-size-15px);--font-size-sm: var(--ik-size-13px);--font-size-lg: var(--ik-size-18px);--font-size-xl: var(--ik-size-24px);--font-size-2xl: var(--ik-size-32px);--font-size-hero: clamp(3rem, 4.5vw, 4.5rem);--line-height-base: var(--ik-line-1_6);--line-height-tight: var(--ik-line-1);--line-height-hero: var(--ik-line-1_1);--line-height-tag: var(--ik-line-1_4);--line-height-btn: var(--ik-line-1_2);--line-height-heading: var(--ik-line-1_25);--font-weight-semibold: var(--ik-weight-600);--font-weight-bold: var(--ik-weight-700);--letter-spacing-tight: var(--ik-letter-0_02em);--radius-sm: var(--ik-size-2px);--radius-md: var(--ik-size-4px);--radius-lg: var(--ik-size-8px);--border-width: var(--ik-size-1px);--space-none: var(--ik-size-0px);--space-2xs: var(--ik-size-2px);--space-xs: var(--ik-size-4px);--space-sm: var(--ik-size-8px);--space-md: var(--ik-size-16px);--space-lg: var(--ik-size-24px);--space-xl: var(--ik-size-40px);--content-width: var(--ik-size-800px);--auth-form-width: var(--ik-size-420px);--auth-min-height: var(--ik-size-60vh);--page-min-height: var(--ik-size-100vh);--duration-fast: 0.15s;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.35);--opacity-hover: var(--ik-opacity-85);--hover-brightness: 1.08;--ut-toast-opacity: 1;--ut-toast-progress-opacity: 0.4;--ut-toast-success-color: var(--ik-color-green);--ut-toast-error-color: var(--ik-color-red);--ut-toast-warning-color: var(--ik-color-orange);--ut-toast-info-color: var(--ik-color-blue);--theme-modal-width: var(--ik-size-900px);--textarea-min-height: var(--ik-size-100px);--nav-icon-hover-lift: var(--ik-size-1px);--focus-ring-width: var(--ik-size-2px);--focus-ring-offset: var(--ik-size-3px)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:var(--page-min-height);display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-base);line-height:var(--line-height-base)}h1,h2,h3,h4,h5,h6{color:var(--color-text-strong);line-height:var(--line-height-heading);margin:var(--space-md) 0 var(--space-sm);font-weight:var(--font-weight-semibold)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-base)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin:0 0 var(--space-md)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-accent)}code,pre{background:var(--color-bg-inset);color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--font-size-sm)}pre{padding:var(--space-md);overflow-x:auto}pre code{background:none;padding:0;color:inherit}blockquote{border-left:var(--space-2xs) solid var(--color-border);color:var(--color-text-muted);margin:var(--space-md) 0;padding:var(--space-sm) var(--space-md)}ul,ol{color:var(--color-text);margin:var(--space-md) 0;padding-left:var(--space-lg)}hr{border:none;border-top:var(--border-width) solid var(--color-border);margin:var(--space-lg) 0}img{max-width:100%;height:auto}.ui-btn{display:inline-block;padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-base);line-height:var(--line-height-btn);cursor:pointer;text-align:center;transition:background var(--duration-fast) ease,color var(--duration-fast) ease,border-color var(--duration-fast) ease}.ui-btn:hover{border-color:var(--color-primary);color:var(--color-accent)}.ui-btn--primary{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.ui-btn--primary:hover{color:var(--color-bg);filter:brightness(var(--hover-brightness))}.ui-btn--accent{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.ui-btn--accent:hover{color:var(--color-bg);filter:brightness(var(--hover-brightness))}.ui-btn--full{width:100%}.ui-card{background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm)}.ui-badge{display:inline-block;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-bg-inset);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-tag)}.ui-input{background:var(--color-bg-inset);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-base)}.ui-input:focus{outline:none;border-color:var(--color-primary)}.ui-input--full{width:100%}.site-header{padding:var(--space-md) var(--space-lg);background:var(--color-bg-elevated);border-bottom:var(--border-width) solid var(--color-border);display:flex;align-items:center;gap:var(--space-md)}.site-footer{flex-shrink:0;padding:var(--space-md) var(--space-lg);background:var(--color-bg-elevated);border-top:var(--border-width) solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}.site-main{flex:1 0 auto;max-width:var(--content-width);width:100%;margin:0 auto;padding:var(--space-lg) var(--space-md)}.site-nav{display:flex;gap:var(--space-md);margin-left:auto}.site-brand{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.site-brand:hover{opacity:var(--opacity-hover)}.home-logo{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-hero);letter-spacing:var(--letter-spacing-tight);margin:var(--space-lg) 0 var(--space-md)}.brand-bracket{color:var(--color-accent)}.brand-prefix{color:var(--color-info)}.brand-colon{color:var(--color-text-muted)}.brand-name{color:var(--color-success)}.site-nav a{color:var(--color-primary);text-decoration:none}.site-nav a:hover{color:var(--color-accent)}.site-nav__user{color:var(--color-text-muted)}.site-nav__form{display:inline;margin:0}.site-nav__link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-base);padding:0}.site-nav__link:hover{color:var(--color-accent)}.site-nav__icon{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;color:var(--color-primary);font-family:var(--font-mono);font-size:var(--font-size-base);line-height:var(--line-height-tight);cursor:pointer;transition:color var(--duration-fast) ease,transform var(--duration-fast) ease}.site-nav__icon:hover{color:var(--color-accent);transform:translateY(calc(-1 * var(--nav-icon-hover-lift)))}.site-nav__icon:focus-visible{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset)}.theme-modal-dialog{max-width:var(--theme-modal-width);width:calc(100% - var(--space-md)*2);margin:var(--space-md) auto}.theme-prompt--modal{background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.theme-prompt__header{background:var(--color-bg-inset);border-bottom:var(--border-width) solid var(--color-border)}.theme-prompt__title{margin:0;font-size:var(--font-size-lg);color:var(--color-text-strong);font-family:var(--font-mono)}.theme-prompt__body{padding:var(--space-lg) var(--space-md)}.theme-prompt__textarea{resize:vertical;min-height:var(--textarea-min-height);padding:var(--space-md)}.theme-prompt__actions{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.theme-prompt__loader{color:var(--color-text-muted);font-size:var(--font-size-sm);font-family:var(--font-mono)}.theme-prompt__toggle{display:inline-flex;align-items:center;gap:var(--space-xs);cursor:pointer;color:var(--color-text);font-size:var(--font-size-sm);user-select:none}.theme-prompt__toggle-input{display:none}.theme-help{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-inset);overflow:hidden}.theme-help__title{color:var(--color-text-strong);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-sm) var(--space-md);margin:0}.theme-help__content{border-top:var(--border-width) solid var(--color-border);padding:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text)}.theme-help__content p{margin-bottom:var(--space-sm);color:var(--color-text)}.theme-help__content h6{margin-top:var(--space-md);margin-bottom:var(--space-xs);color:var(--color-text-strong);font-size:var(--font-size-sm)}.theme-help__content ul{margin:0 0 var(--space-md) 0;padding-left:var(--space-md);color:var(--color-text)}.theme-help__content li{margin-bottom:var(--space-xs)}.theme-help__examples{background:var(--color-bg-elevated);border-radius:var(--radius-sm);padding:var(--space-sm)}.theme-help__example code{background:none;padding:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}#toast-container>div{background-color:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-base);opacity:var(--ut-toast-opacity)}#toast-container>div:hover{box-shadow:var(--shadow-md);opacity:var(--ut-toast-opacity)}#toast-container>.toast-success{background-color:var(--color-bg-elevated);border-left:var(--space-xs) solid var(--ut-toast-success-color)}#toast-container>.toast-error{background-color:var(--color-bg-elevated);border-left:var(--space-xs) solid var(--ut-toast-error-color)}#toast-container>.toast-warning{background-color:var(--color-bg-elevated);border-left:var(--space-xs) solid var(--ut-toast-warning-color)}#toast-container>.toast-info{background-color:var(--color-bg-elevated);border-left:var(--space-xs) solid var(--ut-toast-info-color)}#toast-container .toast-title{color:var(--color-text-strong);font-weight:var(--font-weight-semibold)}#toast-container .toast-message{color:var(--color-text)}#toast-container .toast-close-button{color:var(--color-text-muted);text-shadow:none}#toast-container .toast-close-button:hover,#toast-container .toast-close-button:focus{color:var(--color-text);text-shadow:none}#toast-container .toast-progress{opacity:var(--ut-toast-progress-opacity)}#toast-container .toast-success .toast-progress{background-color:var(--ut-toast-success-color)}#toast-container .toast-error .toast-progress{background-color:var(--ut-toast-error-color)}#toast-container .toast-warning .toast-progress{background-color:var(--ut-toast-warning-color)}#toast-container .toast-info .toast-progress{background-color:var(--ut-toast-info-color)}.ui-auth{max-width:var(--auth-form-width);margin:var(--space-none) auto;padding:var(--space-xl) var(--space-none);min-height:var(--auth-min-height);display:flex;flex-direction:column;justify-content:center}.ui-auth .ui-card{padding:var(--space-lg)}.ui-auth__title{margin-top:var(--space-none)}.ui-auth__subtitle{color:var(--color-text-muted)}.ui-auth__field{margin-bottom:var(--space-lg)}.ui-auth__label{display:block;margin-bottom:var(--space-xs)}.ui-auth__error{color:var(--color-error);font-size:var(--font-size-sm);display:block;margin-top:var(--space-2xs)}.ui-auth__summary{color:var(--color-error);margin-bottom:var(--space-md)}.ui-auth__field:has(.ui-auth__checkbox){margin-bottom:var(--space-lg)}.ui-auth__checkbox{margin-right:var(--space-sm);width:var(--space-md);height:var(--space-md);accent-color:var(--color-primary)}.ui-auth__field label:has(.ui-auth__checkbox){display:flex;align-items:center;cursor:pointer;color:var(--color-text)}.ui-auth__links{margin-top:var(--space-lg);display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;font-size:var(--font-size-sm)}