:root{--bg-primary:#0a0a0a;--bg-secondary:#131313;--bg-tertiary:#1a1a1a;--bg-input:#0e0e0e;--amber:#d48f00;--amber-dim:#a06800;--amber-glow:#d48f0025;--amber-smoke:#d48f0010;--green:#5a5;--text-primary:#e8e0d4;--text-secondary:#8a7f70;--text-muted:#504840;--border:#221e1a;--border-focus:#d48f0050;--radius:6px;--mono:"SF Mono","Fira Code","Cascadia Code",monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}a{color:var(--amber);text-decoration:none}a:hover{color:var(--text-primary)}.container{max-width:680px;margin:0 auto;padding:32px 24px 64px}.site-nav{border-bottom:1px solid var(--border);background:var(--bg-secondary);z-index:50;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:680px;margin:0 auto;padding:10px 24px;display:flex}.nav-logo{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo:hover{color:var(--text-primary)}.nav-logo img{border:1px solid var(--amber-dim);border-radius:50%;width:24px;height:24px}.nav-logo span{letter-spacing:3px;text-transform:uppercase;font-size:14px;font-weight:400}.nav-links{gap:24px;display:flex}.nav-links a{color:var(--text-muted);font-size:13px;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text-primary)}h1{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:32px;font-size:14px;font-weight:400}h2{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin:40px 0 14px;font-size:12px;font-weight:500}.hero{text-align:center;padding:48px 0 40px}.hero img{border:2px solid var(--amber-dim);width:80px;height:80px;filter:drop-shadow(0 0 24px var(--amber-glow));border-radius:50%;margin-bottom:16px}.hero h1{letter-spacing:8px;color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:200}.hero p{color:var(--text-secondary);font-size:14px}.search-bar{gap:8px;margin-bottom:16px;display:flex}.search-bar input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:15px;font-family:var(--mono);outline:none;flex:1;padding:12px 16px;transition:border-color .15s,box-shadow .15s}.search-bar input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--amber-glow)}.search-bar input::placeholder{color:var(--text-muted);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;font-style:normal}.btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;white-space:nowrap;padding:12px 20px;font-size:13px;transition:all .15s}.btn:hover{color:var(--amber);border-color:var(--amber-dim)}.btn:disabled{opacity:.3;cursor:default}.btn-primary{background:var(--amber-dim);border-color:var(--amber);color:#000;font-weight:500}.btn-primary:hover{background:var(--amber)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:20px}.card-name{color:var(--amber);font-size:20px;font-family:var(--mono);margin-bottom:14px;display:block}.card-name:hover{color:var(--text-primary)}.field{gap:10px;margin-bottom:6px;font-size:13px;display:flex}.field .label{color:var(--text-muted);flex-shrink:0;min-width:72px}.field .value{color:var(--text-secondary);font-family:var(--mono);word-break:break-all;font-size:12px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:2px 8px;font-size:11px;display:inline-block}.badge-available{color:var(--green);background:#1a2e1a}.badge-taken{color:var(--amber-dim);background:#2e2a1a}.badge-register{color:#6b6;background:#1a2e1a}.badge-transfer{color:#cb6;background:#2e2a1a}.stat-row{gap:10px;margin-bottom:24px;display:flex}.stat{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex:1;padding:14px}.stat .val{color:var(--amber);font-size:18px;font-weight:500;font-family:var(--mono)}.stat .lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:10px}.activity-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:10px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-name{font-family:var(--mono);color:var(--amber);font-size:14px}.activity-meta{color:var(--text-muted);font-size:11px}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:11px;display:block}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--mono);outline:none;margin-bottom:16px;padding:10px 14px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--amber-glow)}.form-input::placeholder{color:var(--text-muted);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px}.hex-output{border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);color:var(--text-primary);word-break:break-all;cursor:pointer;background:#080808;margin-bottom:12px;padding:14px 16px;font-size:13px;line-height:1.6;position:relative}.hex-output:hover{border-color:var(--amber-dim)}.hex-copy-hint{color:var(--text-muted);font-size:11px;position:absolute;top:10px;right:12px}.hex-copy-hint.copied{color:var(--green)}.info-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:14px 16px}.info-box p{color:var(--text-secondary);margin-bottom:8px;font-size:13px;line-height:1.6}.info-box p:last-child{margin-bottom:0}.steps{counter-reset:step;margin:16px 0}.step{counter-increment:step;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);margin-bottom:8px;padding:14px 16px 14px 48px;font-size:13px;line-height:1.5;position:relative}.step:before{content:counter(step);background:var(--amber-smoke);border:1px solid var(--border);width:22px;height:22px;color:var(--amber);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex;position:absolute;top:14px;left:16px}code{background:var(--bg-tertiary);font-family:var(--mono);color:var(--amber);border-radius:3px;padding:2px 6px;font-size:12px}.error-msg{color:#c66;margin-bottom:12px;font-size:13px}.name-table{border-collapse:collapse;width:100%}.name-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);padding:8px 12px;font-size:10px}.name-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:10px 12px;font-size:13px}.name-table tr:hover td{background:var(--bg-tertiary)}.name-table .name-col{color:var(--amber);font-family:var(--mono);font-weight:500}.name-table .name-col a:hover{color:var(--text-primary)}.name-table .mono{font-family:var(--mono);font-size:12px}.cmd-block{border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);color:var(--text-primary);word-break:break-all;cursor:pointer;background:#080808;flex-direction:column;gap:6px;margin-bottom:8px;padding:10px 16px;font-size:12px;line-height:1.6;transition:border-color .15s;display:flex}.cmd-block:hover{border-color:var(--amber-dim)}.cmd-block code{color:var(--text-primary);background:0 0;padding:0;font-size:12px}.cmd-copy-hint{color:var(--text-muted);text-align:right;font-size:10px}.cmd-copy-hint.copied{color:var(--green)}.step-input{font-family:var(--mono);resize:vertical;min-height:48px;font-size:12px}.expandable{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px}.expandable summary{color:var(--amber);cursor:pointer;align-items:center;gap:8px;padding:12px 16px;font-size:13px;list-style:none;display:flex}.expandable summary::-webkit-details-marker{display:none}.expandable summary:before{content:"▸";color:var(--text-muted);font-size:11px;transition:transform .15s}.expandable[open] summary:before{transform:rotate(90deg)}.expandable summary:hover{color:var(--text-primary)}.expandable-content{padding:0 16px 14px}.expandable-content p{color:var(--text-secondary);margin-bottom:8px;font-size:13px;line-height:1.6}.expandable-content p:last-child{margin-bottom:0}.footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;margin-top:48px;padding-top:20px;font-size:11px}