@font-face{font-family:Starky Sans;src:local("Space Grotesk"),local("IBM Plex Sans"),local("Segoe UI");font-weight:300 800;font-style:normal;font-display:swap}:root{--bg: #0b0f17;--bg-alt: #101824;--panel: rgba(8, 12, 20, .75);--panel-edge: rgba(0, 229, 255, .18);--panel-soft: rgba(255, 255, 255, .06);--text: #e8f3ff;--muted: #9fb4c8;--energy: #00e5ff;--accent-orange: #FF8A2A}*{box-sizing:border-box}body{margin:0;font-family:Starky Sans,IBM Plex Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}a{color:var(--energy);text-decoration:none}a:hover{text-decoration:underline}#app{display:flex;flex-direction:column;height:100vh}.topbar{display:grid;grid-template-columns:minmax(200px,260px) minmax(280px,1fr) auto;grid-template-areas:"brand mission actions";gap:16px;align-items:center;padding:14px;margin:12px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:14px}.brand{grid-area:brand}.mission{grid-area:mission}.actions{grid-area:actions}.brand .logo{font-weight:700;font-size:18px;letter-spacing:.6px}.brand .logo-accent{color:var(--accent-orange);font-weight:400;margin-left:2px}.brand .slogan{color:var(--muted);font-size:11px}.mission{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mission-search{position:relative;flex:1;min-width:200px}.mission input{width:100%;padding:12px 14px;border-radius:12px;background:#060a12d9;border:1px solid var(--panel-edge);color:var(--text);font-family:inherit;font-size:13px}.mission input:focus{outline:none;border-color:var(--energy)}.smart-search{position:absolute;top:44px;left:0;right:0;background:#060a12f5;border:1px solid var(--panel-edge);border-radius:12px;padding:8px;display:grid;gap:6px;z-index:100}.smart-search button{text-align:left;padding:8px 10px;border-radius:10px;background:#0a101ab3;border:1px solid var(--panel-soft);color:var(--text);font-family:inherit;cursor:pointer}.smart-search button:hover{border-color:var(--panel-edge);background:#00e5ff14}.actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap;position:relative}button{background:#0a101acc;color:var(--text);border:1px solid var(--panel-soft);padding:8px 12px;border-radius:10px;cursor:pointer;font-family:inherit;font-size:13px;transition:border-color .15s,background .15s}button:hover{border-color:var(--panel-edge)}button.primary{background:linear-gradient(135deg,var(--energy),#0077ff);color:#00151b;border:1px solid rgba(0,229,255,.35);font-weight:600}#fullscreenBtn.active,#soundBtn.active{border-color:#00e5ff73;box-shadow:0 0 0 1px #00e5ff33 inset}.sound-popup{position:absolute;top:48px;right:0;background:#060a12f5;border:1px solid var(--panel-edge);border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:8px;z-index:60;white-space:nowrap}.sound-popup-label{font-size:11px;color:var(--muted)}.sound-slider{width:100px;accent-color:var(--energy);cursor:pointer}.sound-volume-val{font-size:11px;min-width:30px}.pill{padding:4px 10px;border-radius:999px;border:1px solid var(--panel-edge);color:var(--muted);background:#060c14bf;font-size:12px;-webkit-user-select:none;user-select:none}.canvas{position:relative;flex:1;margin:0 12px 12px;border-radius:14px;background:radial-gradient(circle at 20% 20%,rgba(0,229,255,.08),transparent 40%),linear-gradient(135deg,#0b0f17,#101824);overflow:hidden}.panel{position:absolute;min-width:260px;min-height:200px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;box-shadow:0 10px 40px #00000059;display:flex;flex-direction:column}.panel-titlebar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#080c14d9;border-bottom:1px solid var(--panel-soft);border-top-left-radius:10px;border-top-right-radius:10px;cursor:grab;-webkit-user-select:none;user-select:none}.panel-title{color:var(--muted);letter-spacing:.4px;font-size:13px}.panel-close{margin-left:auto;width:24px;height:24px;border-radius:12px;border:1px solid rgba(255,107,107,.5);background:#ff6b6b38;display:grid;place-items:center;line-height:1;padding:0;z-index:2;font-size:14px;cursor:pointer;color:var(--text)}.panel-close:hover{background:#ff6b6b66}.panel-body{flex:1;padding:10px;overflow:auto}.panel-resize{position:absolute;right:6px;bottom:6px;width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,229,255,.35);background:#00e5ff26;cursor:nwse-resize}.menu{position:absolute;top:86px;right:20px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;padding:8px;display:grid;gap:6px;z-index:50}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:4px 10px;border-radius:999px;border:1px solid rgba(0,229,255,.35);background:#00e5ff1f;color:#9beaff;font-size:12px}.controls{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.controls input,.controls select{flex:1;padding:8px 10px;border-radius:10px;border:1px solid var(--panel-soft);background:#060a12cc;color:var(--text);font-family:inherit;font-size:13px}.controls input:focus{outline:none;border-color:var(--energy)}.list{display:grid;gap:6px;margin-top:8px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--panel-soft);background:#060a12b3;font-size:12px;word-break:break-word}.list-actions{display:flex;gap:6px;flex-shrink:0}.list-actions button{padding:4px 8px;font-size:11px}.muted{color:var(--muted)}.hidden{display:none!important}.section-title{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:600;letter-spacing:.3px}.about-panel{display:grid;gap:14px}.about-hero{text-align:center}.about-logo{max-width:100%;height:auto}.about-section{display:grid;gap:6px}.about-section p{margin:0;font-size:14px;line-height:1.6}.about-label{color:var(--energy);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-top:4px}.about-linktree{display:flex;flex-direction:column;gap:8px}.about-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid var(--panel-edge);background:#00e5ff0d;color:var(--text);text-decoration:none;transition:background .15s,border-color .15s;cursor:pointer;text-align:left;font:inherit;width:100%}.about-btn:hover{background:#00e5ff21;border-color:var(--energy);text-decoration:none}.about-btn-icon{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#00e5ff1a;font-size:15px;font-weight:700;color:var(--energy)}.about-btn-text{display:flex;flex-direction:column;gap:2px;min-width:0}.about-btn-text strong{font-size:14px;font-weight:600}.about-btn-text small{font-size:12px;color:var(--muted);line-height:1.4}.about-btn-internal{background:#ff8a2a0f}.about-btn-internal:hover{background:#ff8a2a24;border-color:#ff8a2a}.about-btn-internal .about-btn-icon{background:#ff8a2a1f;color:#ff8a2a}.about-updated{font-size:11px;text-align:right;margin-top:-6px}.about-list{margin:4px 0 0;padding-left:18px;font-size:13px;line-height:1.6}.about-list li{margin-bottom:4px}.about-list li strong{color:var(--text)}.about-status{display:flex;gap:8px;flex-wrap:wrap}.about-footer{font-size:11px;margin-top:8px}.projects-panel{display:grid;gap:10px;height:100%;grid-template-rows:auto auto 1fr}.projects-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.projects-search{flex:1;min-width:140px;padding:8px 12px;border-radius:10px;border:1px solid var(--panel-edge);background:#060a12d9;color:var(--text);font-family:inherit;font-size:13px}.projects-search:focus{outline:none;border-color:var(--energy)}.projects-filters{display:flex;gap:4px}.project-filter-btn{padding:5px 10px;border-radius:8px;font-size:11px;border:1px solid var(--panel-soft);background:#060a12b3;color:var(--muted);cursor:pointer;transition:all .15s}.project-filter-btn:hover{border-color:var(--panel-edge)}.project-filter-btn.active{border-color:#00e5ff80;color:var(--energy);background:#00e5ff1a}.projects-count{font-size:11px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;align-content:start;overflow-y:auto}.project-tile{padding:12px;border-radius:12px;border:1px solid var(--panel-soft);background:#060a12b3;cursor:pointer;transition:border-color .15s,background .15s,transform .1s;display:flex;flex-direction:column;gap:8px}.project-tile:hover{border-color:var(--panel-edge);background:#00e5ff0f;transform:translateY(-1px)}.project-tile-header{display:flex;gap:10px;align-items:flex-start}.project-tile-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;font-weight:700;font-size:14px;letter-spacing:.5px}.project-tile-meta{flex:1;min-width:0}.project-tile-name{font-weight:600;font-size:13px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.project-tile-desc{font-size:11px;line-height:1.4;margin-top:2px}.project-tile-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:6px;flex-wrap:wrap}.project-tile-tags .chip{font-size:10px;padding:2px 7px}.project-tile-stats{font-size:10px;white-space:nowrap}.project-featured-badge{display:inline-block;padding:1px 6px;border-radius:6px;font-size:9px;font-weight:600;background:#ff8a2a33;border:1px solid rgba(255,138,42,.5);color:#ffb872;text-transform:uppercase;letter-spacing:.5px}.project-archived-badge{display:inline-block;padding:1px 6px;border-radius:6px;font-size:9px;font-weight:600;background:#a0a0a026;border:1px solid rgba(160,160,160,.4);color:#b0b0b0;text-transform:uppercase;letter-spacing:.5px}.project-app{display:flex;flex-direction:column;height:100%}.project-app-header{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:2px solid var(--energy);background:#060a1280;flex-shrink:0}.project-app-icon{width:42px;height:42px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;font-weight:800;font-size:16px;letter-spacing:.5px}.project-app-header-info{flex:1;min-width:0}.project-app-title{font-weight:700;font-size:16px}.project-app-tagline{font-size:12px;line-height:1.3;margin-top:2px}.project-app-body{display:grid;grid-template-columns:1fr 200px;flex:1;overflow:hidden}.project-app-readme{overflow-y:auto;padding:14px;border-right:1px solid var(--panel-soft)}.project-app-sidebar{overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:14px}.project-sidebar-section{display:grid;gap:6px}.project-stat{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:2px 0}.project-links{display:flex;flex-direction:column;gap:6px}.project-links .about-link{font-size:11px;padding:6px 10px;text-align:center}.project-app-tabs{display:flex;gap:6px;flex-shrink:0;padding:6px 14px;background:#060a1280;border-bottom:1px solid var(--panel-soft)}.project-app-tabs button{padding:5px 12px;border-radius:999px;border:1px solid rgba(0,229,255,.2);background:#060a12cc;color:var(--muted);font-size:12px;cursor:pointer;transition:all .15s}.project-app-tabs button.active{border-color:#00e5ffa6;color:var(--energy);box-shadow:0 0 10px #00e5ff33}.project-app-tabs button:hover:not(.active){border-color:#00e5ff66}.project-app-journey-view{flex:1;overflow-y:auto;padding:14px}.readme-content{font-size:13px;line-height:1.7;color:var(--text)}.readme-content h1{font-size:20px;margin:16px 0 8px;border-bottom:1px solid var(--panel-soft);padding-bottom:6px}.readme-content h2{font-size:17px;margin:14px 0 6px;border-bottom:1px solid var(--panel-soft);padding-bottom:4px}.readme-content h3{font-size:15px;margin:12px 0 4px}.readme-content h4,.readme-content h5,.readme-content h6{font-size:13px;margin:10px 0 4px;color:var(--muted)}.readme-content p{margin:6px 0}.readme-content pre{background:#060a12cc;border:1px solid var(--panel-soft);border-radius:8px;padding:10px 12px;overflow-x:auto;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.5}.readme-content code{background:#00e5ff14;padding:1px 5px;border-radius:4px;font-family:IBM Plex Mono,monospace;font-size:12px;color:#9beaff}.readme-content pre code{background:none;padding:0;color:inherit}.readme-content img{max-width:100%;border-radius:8px;margin:8px 0}.readme-content ul,.readme-content ol{padding-left:20px;margin:6px 0}.readme-content li{margin:2px 0}.readme-content hr{border:none;border-top:1px solid var(--panel-soft);margin:12px 0}.readme-content a{color:var(--energy)}.readme-content a:hover{text-decoration:underline}.readme-content strong{color:#fff}@media(max-width:600px){.project-app-body{grid-template-columns:1fr}.project-app-readme{border-right:none;border-bottom:1px solid var(--panel-soft)}.project-app-sidebar{max-height:200px}}.audit-panel{display:grid;gap:10px}.audit-list{max-height:300px;overflow:auto}.audit-event{display:grid;grid-template-columns:1fr auto;gap:8px}.audit-event-main{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.audit-time{font-size:11px;flex-shrink:0}.audit-action{font-weight:500;color:var(--energy);font-size:12px}.audit-detail{font-size:11px}.audit-hash{font-family:monospace;font-size:10px;flex-shrink:0}.audit-integrity{padding:6px 10px;border-radius:8px;font-size:12px;font-weight:500}.audit-ok{background:#5adc8c26;border:1px solid rgba(90,220,140,.4);color:#8effc8}.audit-broken{background:#ff6b6b26;border:1px solid rgba(255,107,107,.4);color:#ffb3b3}.starky-clock{display:grid;gap:10px;color:#d2f4ff}.starky-clock .clock-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:4px;border-radius:999px;background:#060a12a6;border:1px solid rgba(0,229,255,.2)}.starky-clock .clock-tabs button{padding:6px 10px;border-radius:999px;border:1px solid rgba(0,229,255,.2);background:#060a12cc;color:inherit}.starky-clock .clock-tabs button.active{border-color:#00e5ffa6;box-shadow:0 0 12px #00e5ff4d}.starky-clock .clock-time{font-size:28px;letter-spacing:1px;font-variant-numeric:tabular-nums}.starky-clock .clock-date{font-size:13px}.starky-clock .clock-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.starky-clock .clock-form input{padding:6px 8px;border-radius:8px;border:1px solid rgba(0,229,255,.15);background:#060a12d9;color:inherit;font-family:inherit;width:70px}.starky-clock .clock-form input[type=text],.starky-clock .clock-form input[type=time]{width:120px}.browser-panel{display:flex;flex-direction:column;height:100%;gap:8px}.browser-panel .controls{margin-bottom:0}.browser-panel select{min-width:180px}.browser-embed-note{font-size:11px;line-height:1.4}.browser-panel iframe{flex:1;min-height:200px;border:1px solid var(--panel-edge);border-radius:10px;background:#060a12a6}.browser-bookmarks{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.bookmark-tile{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;border:1px solid var(--panel-soft);background:#060a12b3;cursor:pointer;transition:border-color .15s}.bookmark-tile:hover{border-color:var(--panel-edge)}.bookmark-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#00e5ff1f;border:1px solid rgba(0,229,255,.25);font-size:12px;font-weight:700;color:var(--energy)}.bookmark-name{font-size:11px;line-height:1.3}.help-panel{display:grid;gap:12px}.help-commands{display:grid;gap:4px}.help-cmd{font-size:13px;padding:4px 0}.help-cmd code{background:#00e5ff1a;padding:2px 6px;border-radius:4px;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--energy)}.help-tips{margin:0;padding-left:20px;font-size:13px;line-height:1.8}.boot-overlay{position:fixed;inset:0;z-index:1000;background:#05070b;display:grid;place-items:center;transition:opacity .4s ease}.boot-overlay.boot-fade{opacity:0}.boot-content{width:min(520px,90vw);display:grid;gap:16px;text-align:center}.boot-logo{font-size:48px;font-weight:800;letter-spacing:4px;background:linear-gradient(135deg,#2bd3ff,#2f6bff,#ff8a2a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.boot-logo-accent{font-weight:400;background:linear-gradient(135deg,#ffb15a,#ff7a18);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.boot-subtitle{font-size:14px;color:var(--muted);letter-spacing:2px;text-transform:uppercase}.boot-log{text-align:left;font-family:IBM Plex Mono,monospace;font-size:12px;color:#00e5ffb3;max-height:180px;overflow:hidden;padding:12px;border-radius:8px;background:#060a1299;border:1px solid rgba(0,229,255,.12)}.boot-line{margin-bottom:4px;animation:boot-line-in .2s ease}@keyframes boot-line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.boot-progress{height:4px;border-radius:999px;background:#78a0be33;overflow:hidden}.boot-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--energy),#0077ff);border-radius:999px;transition:width .3s ease}.boot-hint{font-size:11px}iframe{width:100%;height:100%;min-height:200px;border:1px solid var(--panel-soft);border-radius:10px;background:#05070b}.safer-game{display:flex;flex-direction:column;height:100%;gap:10px}.safer-header{text-align:center;padding:8px 0 4px}.safer-title{font-weight:700;font-size:18px;letter-spacing:.5px}.safer-subtitle{font-size:12px;margin-top:2px}.safer-topic-grid{display:grid;gap:8px;overflow-y:auto;flex:1;align-content:start}.safer-topic-tile{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;border:1px solid var(--panel-soft);background:#060a12b3;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.safer-topic-tile:hover:not(.safer-topic-locked){background:#00e5ff0f;transform:translateY(-1px)}.safer-topic-locked{opacity:.5;cursor:default}.safer-topic-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;font-weight:800;font-size:18px;color:#000}.safer-topic-info{flex:1;min-width:0}.safer-topic-name{font-weight:600;font-size:13px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.safer-topic-desc{font-size:11px;line-height:1.4;margin-top:2px}.safer-topic-best{font-size:11px;margin-top:4px}.safer-coming-soon{display:inline-block;padding:1px 6px;border-radius:6px;font-size:9px;font-weight:600;background:#a0a0a026;border:1px solid rgba(160,160,160,.4);color:#b0b0b0;text-transform:uppercase;letter-spacing:.5px}.safer-badges-section{padding:8px 0}.safer-badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.safer-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;border:1px solid var(--panel-soft);background:#060a12b3;font-size:11px;opacity:.4}.safer-badge-unlocked{opacity:1;border-color:#00e5ff66;background:#00e5ff14}.safer-badge-icon{font-size:16px}.safer-badge-label{font-size:11px}.safer-badge-new{animation:safer-badge-pop .4s ease;border-color:#ffc83299;background:#ffc8321a}@keyframes safer-badge-pop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.safer-progress{display:grid;gap:4px;margin-bottom:4px}.safer-progress-text{font-size:12px}.safer-progress-bar{height:4px;border-radius:999px;background:#78a0be33;overflow:hidden}.safer-progress-fill{height:100%;border-radius:999px;transition:width .3s ease}.safer-score{font-size:12px;text-align:right}.safer-type-badge{display:inline-block;padding:1px 6px;border-radius:6px;font-size:9px;font-weight:600;background:#a48bfa33;border:1px solid rgba(164,139,250,.5);color:#c4b5fd;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.safer-question{font-size:14px;line-height:1.6;padding:8px 0;font-weight:500}.safer-options{display:grid;gap:6px}.safer-option{text-align:left;padding:10px 14px;border-radius:10px;border:1px solid var(--panel-soft);background:#060a12b3;color:var(--text);font-family:inherit;font-size:13px;line-height:1.4;cursor:pointer;transition:border-color .15s,background .15s}.safer-option:hover:not(.safer-option-disabled){border-color:var(--panel-edge);background:#00e5ff0f}.safer-option-disabled{cursor:default;opacity:.7}.safer-option-correct{border-color:#5adc8c99!important;background:#5adc8c1f!important;opacity:1!important}.safer-option-wrong{border-color:#ff6b6b99!important;background:#ff6b6b1f!important;opacity:1!important}.safer-explanation{padding:10px 14px;border-radius:10px;margin-top:8px;font-size:13px;line-height:1.5}.safer-expl-correct{background:#5adc8c14;border:1px solid rgba(90,220,140,.3)}.safer-expl-wrong{background:#ff6b6b14;border:1px solid rgba(255,107,107,.3)}.safer-expl-verdict{font-weight:600;margin-bottom:4px}.safer-expl-text{font-size:12px}.safer-streak{color:#ffb872;font-size:12px}.safer-next-btn{margin-top:10px;width:100%;padding:10px}.safer-results{text-align:center;padding:12px 0}.safer-results-header{padding:16px;border-radius:12px;border:2px solid var(--energy);margin-bottom:12px}.safer-results-score{font-size:36px;font-weight:800}.safer-results-label{font-size:13px;margin-top:2px}.safer-results-topic{font-size:16px;font-weight:600;margin-bottom:12px}.safer-learned{text-align:left;font-size:12px;line-height:1.7;padding-left:20px;margin:8px 0}.safer-new-badges{padding:10px 0}.safer-result-actions{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}@media(max-width:900px){.topbar{grid-template-columns:1fr;grid-template-areas:"brand" "mission" "actions"}.actions{justify-content:flex-start}.panel{left:4px!important;right:4px!important;width:calc(100% - 8px)!important;max-height:80vh}.canvas{margin:0 4px 4px}.projects-grid{grid-template-columns:1fr}.browser-bookmarks{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media(max-width:480px){.topbar{padding:10px;margin:6px;gap:10px}.brand .logo{font-size:16px}.boot-logo{font-size:32px}.panel{min-width:200px}}