/* Progressive portfolio tools, using the existing DevMania brand tokens. */
[hidden]{display:none!important}body{padding-bottom:100px}.os-status{padding-top:0;padding-bottom:34px;display:grid;grid-template-columns:1fr 2fr;gap:20px}.system-online{font:12px monospace;color:var(--white)}.os-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.os-counts strong{display:block;font-size:34px;font-weight:500}.os-counts span{color:var(--muted);font-size:12px}.build-status{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;font-size:12px}.idea-entry{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line)}.idea-entry h2{font-size:clamp(32px,4vw,56px);letter-spacing:-2px;margin:18px 0}.idea-entry p{max-width:550px}.os-command-dock{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(510px,calc(100% - 32px));display:flex;gap:14px;align-items:center;justify-content:space-between;background:#141414;color:#f6f5f2;padding:16px 20px;border:1px solid #555;border-radius:12px;box-shadow:0 8px 40px #000c;z-index:30;font-size:14px}.os-command-dock:hover{border-color:var(--orange)}.os-command-dock>span:first-child{color:var(--orange);font-size:22px}.os-command-dock kbd{color:#aaa;font-size:10px}.terminal-trigger,.os-close{border:1px solid #555;background:#151515;color:#eee;padding:11px 15px;border-radius:6px;min-height:44px}.terminal-trigger{font:12px monospace}.os-dialog{background:#0d0d0d;color:var(--white);border:1px solid #454545;border-radius:14px;width:min(720px,calc(100% - 32px));max-height:85dvh;padding:0;box-shadow:0 30px 100px #000c}.os-dialog::backdrop{background:#000b}.os-modal-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);background:#0d0d0d}.os-modal-head h2{font-size:22px;margin:0;letter-spacing:-.5px}.os-modal-content{padding:24px}.os-dialog form label,.os-dialog .os-modal-content>label{display:block;color:#ccc;font-size:14px;margin-bottom:18px}.os-dialog input,.os-dialog textarea{display:block;width:100%;background:#171717;border:1px solid #555;border-radius:6px;color:white;padding:14px;margin:9px 0;min-width:0}.os-dialog textarea{resize:vertical}.os-dialog .button,.os-dialog .os-close{margin:6px 8px 6px 0}.os-dialog h3{font-size:18px;margin-top:26px}.os-dialog p,.os-dialog li{font-size:14px;line-height:1.65;overflow-wrap:anywhere}.os-dialog ul{padding-left:24px;color:#ccc}.os-chips,.os-type-options{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.os-chips button,.os-type-options button{border:1px solid #444;background:#181818;color:#ddd;padding:12px 15px;border-radius:6px;min-height:44px}.os-chips button:hover,.os-type-options button:hover{border-color:var(--orange);color:white}.os-type-options button[aria-pressed=true]{border-color:var(--orange)}.os-results{display:grid;gap:8px;margin-bottom:18px}.os-result{display:block;text-align:left;background:#171717;color:white;border:1px solid #333;padding:15px;border-radius:6px;width:100%}.os-result span{display:block;color:#aaa;font-size:12px;margin-top:6px;line-height:1.5}.os-result:hover{border-color:var(--orange)}.os-notice{padding:14px;border-left:2px solid var(--orange);background:#17130f}.os-related{display:inline-block;padding:10px 12px;margin:4px;border:1px solid #555;border-radius:5px;font-size:14px}.os-step{font:12px monospace!important;color:var(--orange)}.os-filter-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--orange);padding:12px;margin-bottom:28px;font-size:14px}.project-highlight{outline:2px solid var(--orange);outline-offset:6px}.os-boot{position:fixed;inset:0;background:#050505;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;pointer-events:auto}.os-boot strong{font:clamp(28px,6vw,54px) monospace;letter-spacing:-2px;color:var(--orange)}.os-boot pre{font:clamp(11px,2.4vw,14px)/1.9 monospace;min-height:190px;white-space:pre-wrap}.terminal-output{height:300px;overflow:auto;padding:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:monospace}.terminal-output p{font:13px/1.6 monospace;margin:4px 0;color:#e5e5e5}.terminal-form label{font:13px monospace;color:var(--orange)!important}.terminal-form button{background:var(--orange);color:#000;padding:12px 22px;border:0}.mania-note{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:80;background:#16110d;color:#ff9a57;border:1px solid var(--orange);padding:15px 20px;border-radius:8px;font:12px monospace;text-align:center}.mania-mode .work-card{box-shadow:0 0 14px #ff650833;transition:box-shadow .2s}.mania-mode .brand{filter:drop-shadow(0 0 8px #ff6508)}.os-dialog meter{width:100%;accent-color:var(--orange)}button:disabled{opacity:.55;cursor:wait}
@media(max-width:700px){.os-status{grid-template-columns:1fr}.os-counts{gap:12px}.os-counts strong{font-size:28px}.idea-entry{display:block}.os-dialog{width:100%;max-width:none;max-height:94dvh;border-radius:16px 16px 0 0;margin:auto 0 0;padding-bottom:env(safe-area-inset-bottom)}.os-modal-head{padding:16px}.os-modal-content{padding:18px}.os-command-dock kbd{display:none}.os-command-dock{justify-content:flex-start}.terminal-dialog{height:94dvh}.terminal-output{height:45dvh}.os-dialog input,.os-dialog textarea{font-size:16px}.os-type-options{display:grid;grid-template-columns:1fr 1fr}.os-filter-banner{align-items:flex-start}.mania-note{width:90%}}
@media(max-height:500px){.os-dialog{max-height:100dvh}.os-modal-head{padding:10px 18px}.terminal-output{height:35dvh}.os-boot pre{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.mania-mode .work-card{box-shadow:none}}