@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--bg: #0e0e0c;--surface: #171714;--surface-2: #1f1f1b;--surface-3: #272723;--border: #2c2c27;--border-2: #3a3a33;--border-3: #4a4a41;--text: #e2ddd0;--text-2: #9a9485;--text-3: #5c5850;--text-inv: #0e0e0c;--olive: #7a8c5a;--olive-light: #9aad72;--olive-dark: #5a6840;--tan: #c4a96a;--tan-light: #d9c088;--tan-dark: #9a7e45;--rust: #a0523a;--rust-light: #c06848;--slate: #4a6878;--slate-light: #6a8898;--good: #6a9e6a;--caution: #b8883a;--danger: #9e4a4a;--info: #4a789e;--font-display: "Cormorant Garamond", Georgia, serif;--font-ui: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--r1: 2px;--r2: 4px;--t1: .12s ease;--t2: .22s ease;--t3: .35s ease;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--nav-h: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}button,input,select,textarea{font-family:inherit}a{color:var(--tan);text-decoration:none}a:hover{color:var(--tan-light)}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:9999;opacity:.4}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--s5);gap:var(--s5);z-index:1000;box-shadow:var(--shadow-sm)}.nav-brand{display:flex;align-items:baseline;gap:var(--s2);text-decoration:none;flex-shrink:0}.nav-brand-name{font-family:var(--font-display);font-size:22px;font-weight:500;color:var(--text);letter-spacing:.02em;line-height:1}.nav-brand-tag{font-family:var(--font-mono);font-size:9px;color:var(--text-3);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--border-2);padding:2px 5px;border-radius:var(--r1)}.nav-divider{width:1px;height:20px;background:var(--border);flex-shrink:0}.nav-links{display:flex;align-items:center;gap:var(--s1);flex:1;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-link{font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;padding:var(--s1) var(--s3);border-radius:var(--r1);border:1px solid transparent;white-space:nowrap;transition:all var(--t1);cursor:pointer;background:none;text-decoration:none}.nav-link:hover{color:var(--text);background:var(--surface-2);border-color:var(--border)}.nav-link.active{color:var(--tan);border-color:var(--border-2);background:var(--surface-2)}.nav-actions{display:flex;align-items:center;gap:var(--s2);flex-shrink:0}.page{padding-top:var(--nav-h);min-height:100vh}.page-header{padding:var(--s6) var(--s5) var(--s5);border-bottom:1px solid var(--border);background:var(--surface)}.page-header-inner{max-width:1200px;margin:0 auto}.breadcrumb{font-family:var(--font-mono);font-size:10px;color:var(--text-3);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--s2);display:flex;align-items:center;gap:var(--s2)}.breadcrumb a{color:var(--text-3)}.breadcrumb a:hover{color:var(--text-2)}.breadcrumb-sep{color:var(--border-3)}.page-title{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:400;color:var(--text);line-height:1.1}.page-title em{font-style:italic;color:var(--tan)}.page-subtitle{font-size:13px;color:var(--text-2);margin-top:var(--s2)}.container{max-width:1200px;margin:0 auto;padding:0 var(--s5)}.content-area{padding:var(--s5);max-width:1200px;margin:0 auto}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden}.panel-header{padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.panel-title{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-2)}.panel-body{padding:var(--s4)}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:var(--s5);cursor:pointer;transition:all var(--t2);display:flex;flex-direction:column;gap:var(--s3);text-decoration:none;color:inherit;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--olive);transform:scaleY(0);transform-origin:bottom;transition:transform var(--t2)}.tool-card:hover{border-color:var(--border-2);background:var(--surface-2);transform:translateY(-1px);box-shadow:var(--shadow-md);color:inherit}.tool-card:hover:before{transform:scaleY(1)}.tool-card-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}.tool-card-title{font-family:var(--font-display);font-size:22px;font-weight:400;color:var(--text);line-height:1.1}.tool-card-desc{font-size:12px;color:var(--text-2);line-height:1.6;flex:1}.tool-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--s3);border-top:1px solid var(--border);margin-top:auto}.tool-card-arrow{color:var(--border-3);font-size:16px;transition:all var(--t2)}.tool-card:hover .tool-card-arrow{color:var(--tan);transform:translate(3px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font-family:var(--font-ui);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:var(--s2) var(--s4);border-radius:var(--r1);border:1px solid;cursor:pointer;transition:all var(--t1);white-space:nowrap;text-decoration:none}.btn-primary{background:var(--olive-dark);border-color:var(--olive);color:var(--text)}.btn-primary:hover{background:var(--olive);border-color:var(--olive-light);color:var(--text)}.btn-secondary{background:transparent;border-color:var(--border-2);color:var(--text-2)}.btn-secondary:hover{border-color:var(--border-3);color:var(--text);background:var(--surface-2)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-3)}.btn-ghost:hover{color:var(--text-2);background:var(--surface-2);border-color:var(--border)}.btn-danger{background:transparent;border-color:var(--rust);color:var(--rust-light)}.btn-danger:hover{background:#a0523a1f;border-color:var(--rust-light)}.btn-sm{padding:4px var(--s3);font-size:10px}.btn-lg{padding:var(--s3) var(--s5);font-size:13px}.btn-full{width:100%}.field{display:flex;flex-direction:column;gap:var(--s1)}.field-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.field-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--r1);color:var(--text);font-family:var(--font-mono);font-size:13px;padding:var(--s2) var(--s3);outline:none;transition:border-color var(--t1);width:100%}.field-input:focus{border-color:var(--tan-dark)}.field-input::placeholder{color:var(--text-3)}select.field-input{cursor:pointer}select.field-input option{background:var(--surface)}textarea.field-input{resize:vertical;min-height:80px;line-height:1.6}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:3px 7px;border-radius:var(--r1);border:1px solid}.badge-good{color:var(--good);border-color:var(--good);background:#6a9e6a14}.badge-caution{color:var(--caution);border-color:var(--caution);background:#b8883a14}.badge-danger{color:var(--danger);border-color:var(--danger);background:#9e4a4a14}.badge-info{color:var(--info);border-color:var(--info);background:#4a789e14}.badge-neutral{color:var(--text-3);border-color:var(--border-2);background:transparent}.badge-olive{color:var(--olive-light);border-color:var(--olive);background:#7a8c5a14}.badge-tan{color:var(--tan);border-color:var(--tan-dark);background:#c4a96a14}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden}.data-cell{background:var(--surface);padding:var(--s3) var(--s4)}.data-cell-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--s1)}.data-cell-value{font-family:var(--font-mono);font-size:20px;color:var(--text);line-height:1}.data-cell-value.good{color:var(--good)}.data-cell-value.caution{color:var(--caution)}.data-cell-value.danger{color:var(--danger)}.data-cell-unit{font-family:var(--font-mono);font-size:10px;color:var(--text-3);margin-top:2px}.data-table{width:100%;border-collapse:collapse}.data-table th{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);padding:var(--s2) var(--s3);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.data-table td{font-family:var(--font-mono);font-size:12px;color:var(--text-2);padding:var(--s3) var(--s3);border-bottom:1px solid var(--border)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface-2);color:var(--text)}.data-table td.emphasis{color:var(--text)}.data-table td.good{color:var(--good)}.data-table td.caution{color:var(--caution)}.data-table td.danger{color:var(--danger)}.divider{height:1px;background:var(--border);margin:var(--s4) 0}.section-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--s3)}.alert{padding:var(--s3) var(--s4);border-radius:var(--r1);border:1px solid;font-size:13px;margin-bottom:var(--s4)}.alert-error{background:#9e4a4a14;border-color:var(--danger);color:var(--rust-light)}.alert-success{background:#6a9e6a14;border-color:var(--good);color:var(--good)}.alert-info{background:#4a789e14;border-color:var(--info);color:var(--slate-light)}@media(max-width:768px){:root{--nav-h: 52px}.page-header,.content-area{padding:var(--s4)}}@media print{body:before{display:none}.nav{display:none}.page{padding-top:0}.btn{display:none}}