:root{--yw-color-primary: #0066cc;--yw-color-primary-hover: #0055aa;--yw-color-primary-active: #004488;--yw-color-success: #34c759;--yw-color-warning: #ff9f0a;--yw-color-error: #ff3b30;--yw-color-info: #5ac8fa;--yw-color-text-primary: #1d1d1f;--yw-color-text-secondary: #424245;--yw-color-text-tertiary: #6e6e73;--yw-color-text-quaternary: #86868b;--yw-color-text-placeholder: #aeaeb2;--yw-color-bg-primary: #ffffff;--yw-color-bg-secondary: #f5f5f7;--yw-color-bg-tertiary: #fbfbfd;--yw-color-bg-elevated: #ffffff;--yw-color-border: #d2d2d7;--yw-color-border-light: #e5e5ea;--yw-color-separator: #c6c6c8;--yw-color-fill: #e5e5ea;--yw-color-fill-secondary: #ebebed;--yw-color-surface-dark: #1d1d1f;--yw-color-surface-darker: #000000;--yw-color-surface-elevated-dark: #1c1c1e;--yw-color-border-dark: #2c2c2e;--yw-color-text-on-dark: #f5f5f7;--yw-color-text-on-dark-secondary: #86868b;--yw-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Noto Sans CJK SC", "Helvetica Neue", sans-serif;--yw-font-mono: "SF Mono", "Fira Code", "JetBrains Mono", "Consolas", monospace;--yw-text-xs: .72rem;--yw-text-sm: .82rem;--yw-text-base: 1.05rem;--yw-text-lg: 1.15rem;--yw-text-xl: 1.5rem;--yw-text-2xl: 1.8rem;--yw-text-3xl: 2.5rem;--yw-text-hero: clamp(3rem, 6vw, 5rem);--yw-font-normal: 400;--yw-font-medium: 500;--yw-font-semibold: 600;--yw-font-bold: 700;--yw-space-1: 4px;--yw-space-2: 8px;--yw-space-3: 12px;--yw-space-4: 16px;--yw-space-5: 20px;--yw-space-6: 24px;--yw-space-8: 32px;--yw-space-10: 40px;--yw-space-12: 48px;--yw-space-16: 64px;--yw-radius-sm: 6px;--yw-radius-md: 12px;--yw-radius-lg: 18px;--yw-radius-full: 9999px;--yw-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--yw-shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--yw-shadow-lg: 0 10px 30px rgba(0, 0, 0, .08);--yw-shadow-xl: 0 20px 60px rgba(0, 0, 0, .12);--yw-transition-fast: .15s ease;--yw-transition-normal: .3s ease;--yw-transition-slow: .8s ease;--yw-max-width: 1060px;--yw-nav-height: 44px;--yw-nav-bg: rgba(22, 22, 23, .8)}@media (prefers-color-scheme: dark){:root{--yw-color-text-primary: #f5f5f7;--yw-color-text-secondary: #a1a1a6;--yw-color-text-tertiary: #86868b;--yw-color-text-quaternary: #6e6e73;--yw-color-bg-primary: #000000;--yw-color-bg-secondary: #1c1c1e;--yw-color-bg-tertiary: #1d1d1f;--yw-color-bg-elevated: #2c2c2e;--yw-color-border: #38383a;--yw-color-border-light: #2c2c2e;--yw-color-separator: #38383a;--yw-color-fill: #2c2c2e;--yw-color-fill-secondary: #38383a;--yw-color-primary: #64d2ff;--yw-color-primary-hover: #5ac8fa;--yw-shadow-lg: 0 10px 30px rgba(0, 0, 0, .3);--yw-shadow-xl: 0 20px 60px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html,body{margin:0;background:var(--yw-color-bg-secondary);color:var(--yw-color-text-primary);font-family:var(--yw-font-sans);font-size:var(--yw-text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--yw-color-primary);text-decoration:none}a:hover{color:var(--yw-color-primary-hover)}.app-header{background:var(--yw-color-surface-dark);color:var(--yw-color-text-on-dark);height:var(--yw-nav-height);min-height:var(--yw-nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--yw-space-6);position:sticky;top:0;z-index:10}.app-header .brand{font-size:var(--yw-text-sm);font-weight:var(--yw-font-semibold);letter-spacing:.01em}.app-header .brand small{display:none}.nav a{color:var(--yw-color-text-on-dark-secondary);margin-left:var(--yw-space-6);font-size:var(--yw-text-sm);transition:color var(--yw-transition-fast)}.nav a:hover{color:var(--yw-color-text-on-dark)}.nav a.router-link-active{color:var(--yw-color-text-on-dark);font-weight:var(--yw-font-medium)}.container{max-width:var(--yw-max-width);margin:var(--yw-space-12) auto;padding:0 var(--yw-space-6)}.container h2{font-size:var(--yw-text-2xl);font-weight:var(--yw-font-semibold);letter-spacing:-.01em;margin:0 0 var(--yw-space-2)}.card{background:var(--yw-color-bg-elevated);border:1px solid var(--yw-color-border-light);border-radius:var(--yw-radius-md);padding:var(--yw-space-6) var(--yw-space-8);margin-bottom:var(--yw-space-5);box-shadow:var(--yw-shadow-sm)}.card h3{font-size:var(--yw-text-lg);font-weight:var(--yw-font-semibold);margin:0 0 var(--yw-space-5)}.btn{background:var(--yw-color-primary);color:#fff;border:none;border-radius:var(--yw-radius-full);padding:var(--yw-space-2) var(--yw-space-6);font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);cursor:pointer;transition:background var(--yw-transition-fast)}.btn:hover{background:var(--yw-color-primary-hover)}.btn:active{background:var(--yw-color-primary-active)}.btn:disabled{background:var(--yw-color-fill);color:var(--yw-color-text-placeholder);cursor:not-allowed}.btn-ghost{background:transparent;color:var(--yw-color-primary);border:1px solid var(--yw-color-border)}.btn-ghost:hover{background:var(--yw-color-bg-secondary)}.field{margin-bottom:var(--yw-space-4)}.field label{display:block;font-size:var(--yw-text-sm);color:var(--yw-color-text-tertiary);margin-bottom:var(--yw-space-1)}.field input,.field select,.field textarea{width:100%;padding:var(--yw-space-2) var(--yw-space-3);border:1px solid var(--yw-color-border);border-radius:var(--yw-radius-sm);font-size:var(--yw-text-sm);font-family:inherit;background:var(--yw-color-bg-primary);color:var(--yw-color-text-primary);transition:border-color var(--yw-transition-fast)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--yw-color-primary)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--yw-space-5)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--yw-space-3) var(--yw-space-3);border-bottom:1px solid var(--yw-color-border-light);font-size:var(--yw-text-sm)}th{color:var(--yw-color-text-tertiary);font-weight:var(--yw-font-medium);font-size:var(--yw-text-xs);text-transform:none;letter-spacing:.02em}td{color:var(--yw-color-text-secondary)}tbody tr{transition:background var(--yw-transition-fast)}tr:hover td{background:var(--yw-color-bg-secondary)}.tag{display:inline-block;padding:2px var(--yw-space-2);border-radius:var(--yw-radius-sm);font-size:var(--yw-text-xs);font-weight:var(--yw-font-medium)}.tag-ok{background:color-mix(in srgb,var(--yw-color-success) 15%,transparent);color:var(--yw-color-success)}.tag-warn{background:color-mix(in srgb,var(--yw-color-warning) 18%,transparent);color:var(--yw-color-warning)}.tag-worm{background:color-mix(in srgb,var(--yw-color-primary) 12%,transparent);color:var(--yw-color-primary)}.hash{font-family:var(--yw-font-mono);font-size:var(--yw-text-xs);word-break:break-all;color:var(--yw-color-text-tertiary)}.alert{padding:var(--yw-space-3) var(--yw-space-4);border-radius:var(--yw-radius-sm);margin-bottom:var(--yw-space-4);font-size:var(--yw-text-sm)}.alert-error{background:color-mix(in srgb,var(--yw-color-error) 12%,transparent);color:var(--yw-color-error)}.alert-info{background:color-mix(in srgb,var(--yw-color-info) 14%,transparent);color:var(--yw-color-text-secondary)}.toolbar{display:flex;gap:var(--yw-space-3);align-items:center;margin-bottom:var(--yw-space-5);flex-wrap:wrap}.toolbar input,.toolbar select{padding:var(--yw-space-2) var(--yw-space-3);border:1px solid var(--yw-color-border);border-radius:var(--yw-radius-sm);font-size:var(--yw-text-sm);font-family:inherit;background:var(--yw-color-bg-primary);color:var(--yw-color-text-primary)}.link{color:var(--yw-color-primary);cursor:pointer}.muted{color:var(--yw-color-text-tertiary);font-size:var(--yw-text-sm)}.page-intro{color:var(--yw-color-text-tertiary);font-size:var(--yw-text-sm);margin:0 0 var(--yw-space-6)}