@import "https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@500;600;700&family=Fira+Code:wght@400;500;600&family=Libre+Franklin:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{color:#f5f5f7;font-synthesis:none;background:#0a0a0f;font-family:Libre Franklin,sans-serif}*{box-sizing:border-box}body{background:#0a0a0f;min-width:1180px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 56% 43%,#19162b 0,#0a0a0f 48%);min-height:100vh;position:relative;overflow:hidden}.app-shell:before{content:"";opacity:.3;pointer-events:none;background-image:linear-gradient(#8b5cf60b 1px,#0000 1px),linear-gradient(90deg,#8b5cf60b 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.ambient{filter:blur(110px);opacity:.13;pointer-events:none;border-radius:50%;width:680px;height:430px;position:absolute}.ambient-one{background:#8b5cf6;top:250px;left:35%}.ambient-two{opacity:.07;background:#22d3ee;top:60px;right:-200px}.topbar{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0fb8;border-bottom:1px solid #242431;justify-content:space-between;align-items:center;height:72px;padding:0 58px;display:flex;position:relative}.brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.brand>span:last-of-type>span{color:#b58aff}.brand small{color:#8b5cf6;background:#21193b;border:1px solid #48327a;border-radius:4px;margin-left:3px;padding:3px 5px;font:600 9px Fira Code}.brand-mark{color:#fff;background:linear-gradient(135deg,#38bdf8,#8b5cf6 58%,#ec4899);border-radius:9px;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 0 22px #8b5cf655}.topbar nav{gap:10px;margin-left:80px;display:flex}.topbar nav button{color:#8b8b9f;background:0 0;border:0;padding:9px 16px;font-size:12px}.topbar nav button.active,.topbar nav button:hover{color:#f5f5f7;background:#1c1b29;border-radius:7px}.account{color:#a1a1b5;align-items:center;gap:10px;font-size:11px;display:flex}.status-dot,.pulse-dot,.mini-pulse{background:#22c55e;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 9px #22c55e}.avatar{color:#fff;background:linear-gradient(135deg,#493078,#bb5c90);border:1px solid #bb7fd5;border-radius:50%;place-items:center;width:29px;height:29px;margin-left:8px;font:600 10px Fira Code;display:grid}main{z-index:1;max-width:1410px;margin:0 auto;padding:38px 34px 70px;position:relative}.page-heading{justify-content:space-between;align-items:end;margin-bottom:27px;display:flex}.eyebrow{color:#8b5cf6;letter-spacing:1.9px;margin:0 0 11px;font:600 10px Fira Code}.pulse-dot{vertical-align:1px;margin-right:8px}.page-heading h1{letter-spacing:-1px;margin:0;font:600 45px/.92 Alumni Sans,sans-serif}.page-heading h1 em{color:#b58aff;font-style:normal}.subtitle{color:#858499;margin:12px 0 0;font-size:13px}.heading-meta{color:#737285;align-items:center;gap:10px;margin-bottom:3px;font-size:11px;display:flex}.kbd{color:#b5b4c5;background:#171620;border:1px solid #363544;border-radius:5px;padding:4px 7px;font:10px Fira Code}.workspace{grid-template-columns:355px 1fr;align-items:start;gap:18px;display:grid}.sidebar{flex-direction:column;gap:11px;display:flex}.panel,.preview-area{background:#14141ddb;border:1px solid #292837;border-radius:10px;box-shadow:0 16px 35px #00000018}.panel{padding:17px 17px 15px}.panel-label{color:#9b99ad;letter-spacing:1.15px;align-items:center;gap:8px;margin-bottom:15px;font:600 9px Fira Code;display:flex}.panel-label>span{color:#8b5cf6}.panel-label i{color:#626173;border:1px solid #4a4859;border-radius:50%;place-items:center;width:14px;height:14px;margin-left:auto;font-size:9px;font-style:normal;display:grid}.field-label{color:#777689;margin-bottom:7px;font-size:10px;display:block}.input-wrap{color:#9c72f4;background:#100f18;border:1px solid #403951;border-radius:6px;align-items:center;gap:9px;height:35px;padding:0 10px;display:flex}.input-wrap input{color:#c1becd;background:0 0;border:0;outline:0;width:100%;font:10px Fira Code}.input-wrap>svg:last-child{color:#22c55e}.repo-card{align-items:center;gap:10px;padding:12px 0 10px;display:flex}.repo-icon{color:#ddd6fe;background:#242134;border-radius:7px;place-items:center;width:33px;height:33px;display:grid}.repo-card strong,.repo-card span{display:block}.repo-card strong{font-size:12px;font-weight:600}.repo-card div:nth-child(2) span{color:#79778b;margin-top:4px;font:9px Fira Code}.repo-card b{color:#595668}.repo-check{color:#22c55e;border:1px solid #276945;border-radius:50%;place-items:center;width:19px;height:19px;margin-left:auto;display:grid!important}.analyzed{color:#6e7181;border-top:1px solid #2a2936;justify-content:space-between;padding-top:11px;font-size:10px;display:flex}.analyzed span{color:#3bd77b;align-items:center;gap:5px;display:flex}.analyzed small{font:9px Fira Code}.tech-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.tech{color:#b7b5c3;background:#191824;border:1px solid #323142;border-radius:5px;align-items:center;gap:6px;height:28px;font-size:10px;display:flex}.tech b{text-align:center;width:21px;font:600 10px Fira Code}.tech.cyan b{color:#56d7ef}.tech.blue b,.tech.sky b{color:#55a8ff}.tech.green b{color:#3bd77b}.tech.yellow b{color:#f2cf55}.tech.purple b{color:#b78bff}.scan-line{color:#777689;border-top:1px solid #292836;justify-content:space-between;margin-top:12px;padding-top:10px;font-size:9px;display:flex}.scan-line span:last-child{color:#a78bfa;align-items:center;gap:4px;display:flex}.mini-pulse{width:5px;height:5px;margin-right:4px}.template-list{flex-direction:column;gap:7px;display:flex}.template{color:#d0cfdb;text-align:left;background:#171620;border:1px solid #2c2b39;border-radius:6px;align-items:center;gap:9px;width:100%;padding:7px;display:flex}.template:hover,.template.selected{background:linear-gradient(90deg,#211936,#191722);border-color:#8b5cf6}.template-thumb{color:#afa1d9;background:#252331;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:38px;height:32px;display:flex}.template-thumb b{font-size:11px}.template-thumb i{background:#706b80;width:21px;height:2px;display:block}.template-thumb.t1{color:#6bb5eb;background:#1d2840}.template-thumb.t2{color:#eb8bc4;background:#33222e}.template>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.template strong{font-size:11px;font-weight:600}.template small{color:#777587;font-size:9px}.radio{color:#fff;background:#8b5cf6;border-radius:50%;place-items:center;width:17px;height:17px;margin-left:auto;display:grid}.customize{padding-bottom:10px}.custom-row{color:#9694a6;border-top:1px solid #282733;justify-content:space-between;align-items:center;padding:9px 0 1px;font-size:10px;display:flex}.switch{background:#343240;border-radius:20px;width:26px;height:15px;position:relative}.switch:after{content:"";background:#92909e;border-radius:50%;width:11px;height:11px;transition:all .2s;position:absolute;top:2px;left:2px}.switch.on{background:#593da0}.switch.on:after{background:#c5acff;left:13px}.generate{color:#fff;background:linear-gradient(105deg,#39aef0,#8b5cf6 58%,#d94caa);border:0;border-radius:7px;justify-content:center;align-items:center;gap:9px;height:40px;font-size:12px;font-weight:600;display:flex;box-shadow:0 8px 22px #8b5cf638}.generate:hover{filter:brightness(1.13);transform:translateY(-1px)}.generate span{color:#eadfff;margin-left:auto;margin-right:12px;font:9px Fira Code}.side-history{padding:6px 3px 0}.history-head{color:#79778a;letter-spacing:.6px;justify-content:space-between;align-items:center;margin-bottom:9px;font:9px Fira Code;display:flex}.history-head button{color:#a78bfa;background:0 0;border:0;align-items:center;gap:4px;font-size:9px;display:flex}.history-item{border-top:1px solid #292835;align-items:center;gap:9px;padding:8px 4px;display:flex}.history-icon{color:#a78bfa;background:#221b35;border-radius:5px;place-items:center;width:25px;height:25px;display:grid}.history-icon.muted{color:#6d6a7d;background:#191921}.history-item span:nth-child(2){flex-direction:column;gap:3px;display:flex}.history-item b{font-size:10px;font-weight:500}.history-item small{color:#6f6c7e;font-size:9px}.history-score{color:#4ade80;margin-left:auto;font:600 11px Fira Code}.history-score.dim{color:#8e8b9d}.preview-area{min-height:782px;overflow:hidden}.preview-top{border-bottom:1px solid #2a2936;justify-content:space-between;height:80px;padding:17px 22px;display:flex}.preview-title{align-items:center;gap:9px;font-size:13px;display:flex}.file-icon{color:#a78bfa;background:#272036;border-radius:4px;padding:4px 6px;font:600 14px Fira Code}.preview-title strong{font-weight:600}.branch{color:#858394;border-left:1px solid #373543;align-items:center;gap:5px;margin-left:9px;padding-left:13px;font:10px Fira Code;display:flex}.branch span{border:1px solid #898796;border-radius:50%;width:6px;height:6px}.preview-top p{color:#6e6c7d;margin:7px 0 0 31px;font-size:9px}.quality{align-items:center;gap:8px;display:flex}.score{color:#e8e2fa;font:600 21px Fira Code}.score small{color:#77748a;font-size:9px}.quality>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.quality b{color:#c6aaff;font-size:10px;font-weight:600}.quality span{color:#787587;font-size:9px}.ring{width:37px;height:37px;margin-left:7px}.ring svg{transform:rotate(-90deg)}.ring circle{fill:none;stroke:#342c49;stroke-width:3px}.ring .progress{stroke:#9c70ff;stroke-dasharray:82 100;stroke-linecap:round}.toolbar{background:#171620;border-bottom:1px solid #292835;justify-content:space-between;align-items:center;height:52px;padding:0 18px;display:flex}.tabs{gap:4px;display:flex}.tabs button,.actions button{color:#838193;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;display:flex}.tabs button.active{color:#e8e1fc;background:#29213d}.actions{gap:2px;display:flex}.actions .commit{color:#e5dafe;background:#513392;border:1px solid #815dd2}.actions button:hover{color:#fff;background:#29263a}.actions .commit:hover{background:#6844ae}.readme{background:#111119;border:1px solid #2e2d3a;border-radius:7px;min-height:600px;margin:22px}.readme-inner{max-width:900px;padding:26px 33px 20px}.doc-meta{color:#636173;justify-content:space-between;margin-bottom:19px;font:9px Fira Code;display:flex}.generated-tag{color:#9e7ced;background:#241c3a;border-radius:3px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;display:flex}.readme h2{letter-spacing:-.5px;color:#f4f1fa;margin:0 0 10px;font:600 32px Alumni Sans}.title-badge{vertical-align:middle;color:#8b5cf6;background:#241b3e;border-radius:5px;padding:5px 7px;font:12px Fira Code}.lead{color:#a3a1af;max-width:680px;margin:0;font-size:12px;line-height:1.65}.badges{gap:7px;margin:17px 0 23px;display:flex}.badges span{color:#9c98aa;background:#1d1d28;border:1px solid #343341;border-radius:4px;padding:5px 8px;font:9px Fira Code}.doc-grid{grid-template-columns:1fr 180px;gap:30px;display:grid}.readme h3{color:#e9e6f1;margin:19px 0 9px;font-size:13px;font-weight:600}.readme p,.readme li{color:#9693a4;font-size:11px;line-height:1.75}.readme ul{margin:0;padding-left:17px}.readme li::marker{color:#8b5cf6}.quick-box{background:#171623;border:1px solid #302c40;border-radius:6px;align-self:start;margin-top:17px;padding:12px}.quick-title{color:#807b91;letter-spacing:1px;border-bottom:1px solid #2e2b3b;justify-content:space-between;margin-bottom:9px;padding-bottom:9px;font:8px Fira Code;display:flex}.quick-title span{color:#d27afe}.quick-box>div:not(.quick-title){border-bottom:1px solid #2a2935;flex-direction:column;gap:2px;padding:7px 0;display:flex}.quick-box>div:last-child{border:0}.quick-box b{color:#bf9eff;font:600 15px Fira Code}.quick-box span:not(.quick-title span){color:#797687;font-size:9px}.code-block{background:#0c0c12;border:1px solid #2f2d3d;border-radius:6px;margin-top:10px;overflow:hidden}.code-head{color:#777487;background:#171620;justify-content:space-between;align-items:center;height:28px;padding:0 10px;font:9px Fira Code;display:flex}.code-head button{color:#8b87a0;background:0 0;border:0;align-items:center;gap:5px;font-size:9px;display:flex}.code-block pre{color:#bcb9ca;margin:0;padding:13px 14px;font:10px/1.8 Fira Code}.pink{color:#ed68ba}.blue{color:#59b5ee}.readme code{color:#c29fff;background:#241d34;border-radius:3px;padding:2px 5px;font:10px Fira Code}.readme kbd{color:#a89be0;background:#272238;border:1px solid #3c3158;border-radius:3px;padding:2px 5px;font:9px Fira Code}.doc-footer{color:#6e6b7d;border-top:1px solid #292835;justify-content:space-between;margin-top:24px;padding-top:14px;font-size:9px;display:flex}.doc-footer b{color:#e86fb4}.doc-footer span:last-child{color:#4bbd78;align-items:center;gap:5px;display:flex}.edit-mode .readme-inner{outline-offset:8px;outline:1px dashed #7651bb}.toast{z-index:10;color:#a9edbf;background:#14231b;border:1px solid #326947;border-radius:7px;align-items:center;gap:10px;padding:11px 15px;font-size:11px;animation:.25s toast-in;display:flex;position:fixed;bottom:26px;right:30px;box-shadow:0 12px 32px #0008}.toast>span{color:#b5f6c7;background:#1f7540;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}:root{--gb-bg:#9bbc0f;--gb-dark:#0f380f;--gb-mid:#306230;--gb-light:#8bac0f;--gb-off:#c4cfa1;--gb-shell:#a8a8a8;--gb-btn:#8b1d4f}body{background:radial-gradient(#2a2a2a 0%,#0a0a0a 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:"Press Start 2P",monospace;display:flex;overflow:hidden}body.fullscreen-mode{background:var(--gb-bg,#9bbc0f)}body.fullscreen-mode .gb-shell{width:100vw;max-width:100vw;height:100vh;min-height:100vh;box-shadow:none;border-radius:0;justify-content:center;padding:0;transform:scale(1)}body.fullscreen-mode .screen-header,body.fullscreen-mode .controls-area,body.fullscreen-mode .start-select-area,body.fullscreen-mode .start-select-labels{display:none!important}body.fullscreen-mode .screen-container{width:100%;max-width:100%;height:100%;box-shadow:none;border:none;border-radius:0;position:relative}body.fullscreen-mode .screen-container:after{content:"";pointer-events:none;z-index:100;background:radial-gradient(#0000 50%,#00000026 100%);position:absolute;inset:0}body.fullscreen-mode .scanlines{opacity:.5;animation:none;transform:none}body.fullscreen-mode .app-screen{height:100%;padding:0}body.fullscreen-mode .gb-shell:before{display:none}body.fullscreen-mode .app-header{height:48px;padding:0 16px;font-size:14px}body.fullscreen-mode .back-btn{padding:4px 8px;font-size:24px}body.fullscreen-mode .desktop-grid{grid-template-columns:repeat(6,1fr);gap:24px 16px;padding:24px 16px}body.fullscreen-mode .app-box{border-width:3px;border-radius:8px;width:72px;height:72px;font-size:32px}body.fullscreen-mode .app-label{margin-top:6px;font-size:10px}body.fullscreen-mode .status-bar{border-radius:4px;height:36px;margin-bottom:12px;padding:0 12px;font-size:12px}body.fullscreen-mode .status-icons{gap:12px}body.fullscreen-mode .status-help,body.fullscreen-mode .status-qs,body.fullscreen-mode .status-fullscreen{width:24px;height:24px;font-size:16px}body.fullscreen-mode .settings-content{padding:20px}body.fullscreen-mode .setting-group h3{margin-bottom:12px;padding-bottom:8px;font-size:14px}body.fullscreen-mode .theme-grid,body.fullscreen-mode .palette-grid,body.fullscreen-mode .wallpaper-grid{gap:12px}body.fullscreen-mode .theme-btn,body.fullscreen-mode .palette-btn,body.fullscreen-mode .wallpaper-btn{border-width:3px;padding:16px 12px;font-size:10px}body.fullscreen-mode .palette-preview .swatch{width:16px;height:16px}body.fullscreen-mode .startup-name-input{padding:12px 16px;font-size:14px}body.fullscreen-mode .toggle-row{padding:8px 0;font-size:12px}body.fullscreen-mode .calc-display{min-height:72px;padding:16px;font-size:48px}body.fullscreen-mode .calc-btn{border-width:3px;padding:20px 8px;font-size:18px}body.fullscreen-mode .calc-sci-btn{padding:12px 4px!important;font-size:10px!important}body.fullscreen-mode .calc-history{padding:8px 16px;font-size:16px}body.fullscreen-mode .vinyl{width:140px;height:140px}body.fullscreen-mode .vinyl-center{width:32px;height:32px}body.fullscreen-mode .track-title{font-size:16px}body.fullscreen-mode .track-artist{font-size:24px}body.fullscreen-mode .player-controls button{padding:12px 20px;font-size:28px}body.fullscreen-mode .play-btn{font-size:36px!important}body.fullscreen-mode .volume-slider{width:160px;height:12px}body.fullscreen-mode .playlist-item{padding:12px;font-size:12px}body.fullscreen-mode .progress-bar{height:12px}body.fullscreen-mode .time-label{font-size:16px}body.fullscreen-mode .chat-messages{padding:20px}body.fullscreen-mode .chat-bubble{max-width:80%;padding:16px 20px;font-size:24px}body.fullscreen-mode .chat-input{padding:16px 20px;font-size:24px}body.fullscreen-mode .chat-send{padding:16px 28px;font-size:24px}body.fullscreen-mode .weather-input{padding:16px 20px;font-size:24px}body.fullscreen-mode .weather-go{padding:16px 24px;font-size:12px}body.fullscreen-mode .weather-temp-lg,body.fullscreen-mode .weather-icon-lg{font-size:96px}body.fullscreen-mode .weather-desc-lg{font-size:14px}body.fullscreen-mode .weather-city-lg{font-size:12px}body.fullscreen-mode .detail-icon{font-size:32px}body.fullscreen-mode .detail-label{font-size:10px}body.fullscreen-mode .detail-value,body.fullscreen-mode .forecast-icon{font-size:28px}body.fullscreen-mode .forecast-date{font-size:10px}body.fullscreen-mode .forecast-temps{font-size:20px}body.fullscreen-mode .file-list,body.fullscreen-mode .notes-list{padding:16px}body.fullscreen-mode .file-item,body.fullscreen-mode .note-item{margin-bottom:12px;padding:16px}body.fullscreen-mode .file-name,body.fullscreen-mode .note-title{font-size:14px}body.fullscreen-mode .note-preview{font-size:12px}body.fullscreen-mode .empty-icon{font-size:96px}body.fullscreen-mode .empty-title{font-size:16px}body.fullscreen-mode .empty-text{font-size:24px}body.fullscreen-mode .empty-btn{padding:20px 40px;font-size:14px}body.fullscreen-mode .snake-canvas{transform:scale(1.5)}body.fullscreen-mode .snake-start{padding:20px 40px;font-size:16px}body.fullscreen-mode .snake-go{font-size:20px}body.fullscreen-mode .snake-hi{font-size:14px}body.fullscreen-mode .chess-cell{width:36px;height:36px}body.fullscreen-mode .chess-piece{font-size:28px}body.fullscreen-mode .calendar-day{height:36px;font-size:14px}body.fullscreen-mode .calendar-month{font-size:14px}body.fullscreen-mode .stat-box{padding:16px}body.fullscreen-mode .stat-label{font-size:10px}body.fullscreen-mode .stat-value{font-size:20px}body.fullscreen-mode .terminal-line,body.fullscreen-mode .terminal-input{font-size:16px}body.fullscreen-mode .notification-toast{padding:8px 12px;font-size:10px}body.fullscreen-mode .notification-tray{top:48px}body.fullscreen-mode .pokemon-app .pk-sprite{font-size:48px}body.fullscreen-mode .pokemon-app .pk-big-sprite{font-size:72px}body.fullscreen-mode .pokemon-app .pk-name{font-size:12px}body.fullscreen-mode .pokemon-app .pk-move{padding:12px;font-size:10px}body.fullscreen-mode .qs-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px}body.fullscreen-mode .qs-btn{padding:32px 16px}body.fullscreen-mode .qs-icon{font-size:48px}body.fullscreen-mode .qs-label{font-size:12px}body.fullscreen-mode .qs-info{padding:20px}body.fullscreen-mode .qs-info-row{font-size:20px}body.fullscreen-mode .store-tab{padding:16px;font-size:12px}body.fullscreen-mode .theme-card{border-width:3px}body.fullscreen-mode .theme-preview{height:100px}body.fullscreen-mode .theme-name,body.fullscreen-mode .achievement-name{font-size:12px}body.fullscreen-mode .achievement-desc{font-size:20px}body.fullscreen-mode .screenshot-icon{font-size:96px}body.fullscreen-mode .screenshot-text{font-size:14px}body.fullscreen-mode .screenshot-btn{padding:24px 48px;font-size:16px}.gb-shell{background:linear-gradient(145deg, color-mix(in srgb, var(--gb-shell) 100%, white 12%) 0%, var(--gb-shell) 40%, color-mix(in srgb, var(--gb-shell) 100%, black 10%) 100%);background-size:4px 4px;border-radius:12px 12px 12px 80px;flex-direction:column;align-items:center;width:420px;min-height:700px;padding:30px 30px 40px;transition:background .4s;display:flex;position:relative;box-shadow:8px 12px 28px #0009,inset 2px 2px 6px #ffffff26,inset -3px -3px 8px #0003}.gb-shell:before{content:"";background:#00000014;border-radius:2px;width:60px;height:3px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.app-screen{flex-direction:column;width:100%;height:100%;font-family:"Press Start 2P",monospace;display:flex}.app-header{background-color:var(--gb-dark);height:28px;color:var(--gb-bg);flex-shrink:0;align-items:center;gap:8px;padding:0 8px;font-size:8px;display:flex}.back-btn{color:var(--gb-bg);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:14px;transition:opacity .15s}.back-btn:hover{opacity:.7}.back-btn:active{transform:scale(.9)}
