@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0d1117;--panel-bg:#161b22b3;--border-color:#ffffff1a;--text-primary:#e6edf3;--text-secondary:#8b949e;--accent-color:#58a6ff;--accent-hover:#3182ce;--glass-blur:blur(16px);--shadow:0 8px 24px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.5;overflow:hidden}.app-shell{flex-direction:column;width:100vw;height:100vh;display:flex}.topbar{background:var(--panel-bg);height:64px;-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:16px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:8px;font-size:1.25rem;font-weight:600;text-decoration:none;display:flex}.logo-text{background:linear-gradient(90deg,#58a6ff,#bd93f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.active-title{border-left:1px solid var(--border-color);color:var(--text-secondary);margin-left:16px;padding-left:16px;font-weight:500}.topbar-btn{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:all .2s;display:flex}.topbar-btn:hover{color:var(--text-primary);background:#ffffff0d}.topbar-btn.primary{background:var(--accent-color);color:#fff;width:auto;padding:0 16px}.topbar-btn.primary:hover{background:var(--accent-hover)}.btn-text{font-family:inherit;font-size:.9rem;font-weight:500}.main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.home-grid-container{width:100%;max-width:1200px;margin:0 auto;padding:40px}.page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-header h1{letter-spacing:-.02em;font-size:2rem;font-weight:600}.btn-primary{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-family:inherit;font-weight:500;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0d;border-radius:6px;padding:8px 16px;font-size:.9rem;text-decoration:none;transition:all .2s;display:inline-block}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.card{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow);border-color:#fff3;transform:translateY(-4px)}.card h3{margin-bottom:12px;font-weight:500}.card p{color:var(--text-secondary);margin-bottom:24px;font-size:.9rem}.html-page-view{flex-direction:column;height:100%;display:flex}.view-header{border-bottom:1px solid var(--border-color);background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:20px 40px}.view-header h2{font-size:1.25rem;font-weight:500}.iframe-container{background:var(--bg-color);flex:1;padding:40px}.sandbox-iframe{border:1px solid var(--border-color);width:100%;height:100%;box-shadow:var(--shadow);background:#fff;border-radius:12px}:root{--panel-opacity:.72;--glass-blur-size:16px;--panel-bg:rgb(22 27 34/var(--panel-opacity));--glass-blur:blur(var(--glass-blur-size))}html[data-theme=light]{--bg-color:#eef3f8;--panel-bg:rgb(255 255 255/var(--panel-opacity));--border-color:#15213324;--text-primary:#172033;--text-secondary:#526178}.app-shell{isolation:isolate;background:var(--bg-color);position:relative}.app-shell:before{content:"";z-index:-1;pointer-events:none;opacity:.72;position:fixed;inset:0}html[data-background=aurora] .app-shell:before{background:radial-gradient(circle at 15% 15%,#1f6feb55,#0000 35%),radial-gradient(circle at 86% 10%,#8957e566,#0000 30%),radial-gradient(circle at 45% 90%,#23863644,#0000 38%)}html[data-background=grid] .app-shell:before{background-image:linear-gradient(#58a6ff1f 1px,#0000 1px),linear-gradient(90deg,#58a6ff1f 1px,#0000 1px);background-size:28px 28px}html[data-background=plain] .app-shell:before{display:none}.topbar{background:var(--panel-bg);gap:12px;height:58px;min-height:58px;padding:0 14px}.topbar-brand,.topbar-tools{flex:none;align-items:center;gap:7px;display:flex}.topbar-tabs{scrollbar-width:thin;flex:1;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.logo{color:var(--text-primary);margin-right:4px}.logo-icon{color:var(--accent-color)}.topbar-icon,.icon-button{width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.topbar-icon:hover,.topbar-icon.active,.icon-button:hover{color:var(--text-primary);border-color:var(--border-color);background:#ffffff14}.weather-toggle-btn{z-index:21;border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-primary);background:var(--panel-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:inline-flex;position:fixed;bottom:18px;left:18px}.weather-toggle-btn:hover,.weather-toggle-btn.active{border-color:var(--accent-color);background:#58a6ff38}.page-tab{max-width:170px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;border-radius:7px;flex:none;padding:7px 10px;font-size:.83rem;text-decoration:none;overflow:hidden}.page-tab:hover{color:var(--text-primary);background:#ffffff0f}.page-tab.active{color:var(--text-primary);background:#58a6ff24;border-color:#58a6ff40}.topbar-btn.compact{border-radius:8px;height:34px;padding:0 10px;font-size:.82rem}.page-action-bar{border-bottom:1px solid var(--border-color);min-height:43px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#0d111752;justify-content:flex-start;align-items:center;gap:14px;padding:5px 18px;display:flex}.save-indicator{color:#3fb950;align-items:center;gap:6px;font-size:.82rem;display:inline-flex}.page-action-bar>div,.button-row{flex-wrap:wrap;gap:8px;display:flex}.action-button{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;font:inherit;background:#ffffff0d;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:.82rem;display:inline-flex}.action-button.run{color:#fff;background:var(--accent-color);border-color:var(--accent-color)}.appearance-panel{z-index:20;border:1px solid var(--border-color);background:var(--panel-bg);width:min(320px,100vw - 36px);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:12px;padding:16px;position:fixed;bottom:62px;left:18px}.panel-heading{justify-content:space-between;align-items:start;margin-bottom:16px;display:flex}.panel-heading p,.panel-note,.data-card p,.data-card small{color:var(--text-secondary);margin-top:3px;font-size:.82rem}.appearance-section{margin-bottom:15px}.control-label{color:var(--text-secondary);margin-bottom:8px;font-size:.8rem;display:block}.appearance-options{gap:6px;display:flex}.appearance-option{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font:inherit;background:0 0;border-radius:7px;flex:1;padding:7px;font-size:.8rem}.appearance-option.active{color:var(--text-primary);border-color:var(--accent-color);background:#58a6ff29}.range-control{color:var(--text-secondary);grid-template-columns:1fr auto;gap:4px 8px;margin-top:13px;font-size:.82rem;display:grid}.range-control input{accent-color:var(--accent-color);grid-column:1/-1}.range-control output{color:var(--text-primary)}.panel-note{border-top:1px solid var(--border-color);margin-top:16px;padding-top:12px}.view-header{justify-content:space-between;align-items:center;padding:13px 22px;display:flex}.danger-button{color:#ff7b72;cursor:pointer;align-items:center;gap:6px;display:inline-flex}.code-editor-panel{border-bottom:1px solid var(--border-color);background:#00000029;padding:14px 22px}.code-editor-panel p{color:var(--text-secondary);margin-bottom:8px;font-size:.82rem}.code-editor-panel textarea{resize:vertical;color:#e6edf3;border:1px solid var(--border-color);background:#0d1117;border-radius:8px;width:100%;min-height:260px;padding:12px;font:.82rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.data-view{width:min(1100px,100%);margin:0 auto;padding:38px 28px 60px}.data-heading{margin-bottom:22px}.data-heading h1{margin:3px 0 6px;font-size:2rem}.data-heading p{color:var(--text-secondary)}.eyebrow{color:var(--accent-color);align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:inline-flex}.data-notice{color:var(--text-primary);background:#58a6ff1a;border:1px solid #58a6ff59;border-radius:8px;margin:0 0 18px;padding:10px 12px}.data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.data-card{border:1px solid var(--border-color);background:var(--panel-bg);min-height:180px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:12px;padding:18px}.data-card.full-width{grid-column:1/-1;min-height:auto}.data-card h2{margin-bottom:8px;font-size:1.02rem}.data-card label{color:var(--text-secondary);margin-top:11px;font-size:.82rem;display:block}.data-card input{width:100%;color:var(--text-primary);border:1px solid var(--border-color);font:inherit;background:#00000029;border-radius:7px;margin-top:5px;padding:9px 10px}.data-card .button-row{margin-top:14px}.button-row button,.data-card .btn-secondary{cursor:pointer;justify-content:center;align-items:center;gap:6px;display:inline-flex}.json-preview{resize:vertical;color:#d7e3f4;border:1px solid var(--border-color);background:#00000047;border-radius:8px;width:100%;min-height:280px;margin-top:14px;padding:12px;font:.78rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.gist-settings{border-top:1px solid var(--border-color);margin-top:18px;padding-top:13px}.warning{background:#ffcc6614;border:1px solid #ffcc6659;border-radius:7px;padding:9px;color:#fc6!important}.backup-list{margin:12px 0 0;list-style:none}.backup-list li{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:.82rem;display:flex}.danger-card .btn-secondary{color:#ff7b72}.error-view{text-align:center;padding:40px}.error-view p{margin-bottom:18px}.error-view button+button{margin-left:8px}@media (width<=760px){.topbar{padding:0 9px}.logo-text,.topbar-btn.compact span{display:none}.topbar-tabs{background:var(--panel-bg);border-bottom:1px solid var(--border-color);order:3;height:40px;padding:3px 10px;position:absolute;top:58px;left:0;right:0}.main-content{padding-top:40px}.page-action-bar{margin-top:40px;padding:5px 10px}.save-indicator{display:none}.data-view{padding:26px 16px 48px}.data-grid{grid-template-columns:1fr}}.main-content{background:0 0}.html-page-view{flex:1;min-height:0}.iframe-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;min-height:0;padding:0}.sandbox-iframe{box-shadow:none;opacity:var(--editor-opacity,1);background:0 0;border:0;border-radius:0;transition:opacity .12s linear;display:block}.page-conflict-notice{color:#fc6;background:#ffcc661a;border:1px solid #ffcc666b;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin:8px 12px;padding:9px 11px;font-size:.84rem;display:flex}.page-conflict-notice button{width:22px;height:22px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;font-size:1.15rem;line-height:1}.page-conflict-notice button:hover{background:#ffcc6629}.code-editor-panel{flex:none;padding:10px 16px}.code-editor-panel textarea{min-height:min(42vh,440px)}.appearance-layer{z-index:0;pointer-events:none;transform-origin:50%;position:fixed;inset:0;overflow:hidden;transform:scale(1.03)}.topbar,.page-action-bar{z-index:5;position:relative}.main-content{z-index:1;position:relative}.image-layer{background-position:50%;background-repeat:no-repeat;background-size:cover}.retrowave-layer{background:linear-gradient(#1b0d35 0%,#74295f 44%,#090a24 45%,#050819 100%)}.rw-sun{aspect-ratio:1;background:repeating-linear-gradient(#ffe66d 0 13px,#0000 13px 18px),linear-gradient(#ffec7d,#fb4b85 60%,#732d9a);border-radius:50%;width:min(34vw,360px);position:absolute;bottom:39%;left:50%;transform:translate(-50%);box-shadow:0 0 55px #fa4f91aa}.rw-grid{transform-origin:top;background-image:linear-gradient(#2fe4ff99 2px,#0000 2px),linear-gradient(90deg,#2fe4ff99 2px,#0000 2px);background-size:56px 40px;border-top:2px solid #ff4f99;animation:1.1s linear infinite rw-grid-scroll;position:absolute;inset:56% -20% -30%;transform:perspective(250px)rotateX(66deg);box-shadow:0 -4px 18px #ff4f99aa}.rw-city{clip-path:polygon(0 70%,5% 42%,11% 58%,16% 20%,23% 57%,29% 38%,35% 61%,43% 11%,49% 55%,55% 34%,62% 68%,68% 24%,74% 51%,82% 17%,88% 49%,95% 31%,100% 60%,100% 100%,0 100%);background:#060612;border-bottom:2px solid #7de9ff66;height:18%;position:absolute;inset:auto 0 29%}@keyframes rw-grid-scroll{to{background-position:0 40px,0 40px}}.weather-canvas{pointer-events:none;position:fixed;inset:0}.weather-canvas.behind{z-index:0}.weather-canvas.front{z-index:4}.appearance-hue{z-index:0;pointer-events:none;mix-blend-mode:color;position:fixed;inset:0}.media-layer video,.youtube-layer iframe{object-fit:cover;border:0;width:100%;height:100%}.youtube-layer iframe{width:max(100vw,177.78vh);height:max(100vh,56.25vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.appearance-panel.compact{width:min(360px,100vw - 32px);padding:13px}.appearance-panel.compact .panel-heading,.appearance-panel.compact .appearance-section{margin-bottom:11px}.appearance-panel.compact .appearance-options{gap:4px}.appearance-panel.compact .appearance-option{min-width:0;padding:6px 4px;font-size:.74rem}.appearance-panel.compact .range-control{margin-top:9px}.appearance-panel.compact .panel-heading{min-height:18px}.appearance-panel.compact .panel-heading strong{font-size:15px}.appearance-panel.compact{max-height:calc(100vh - 36px);overflow-y:auto}.panel-section-title{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin:0 0 5px;font-size:.71rem;font-weight:700;display:block}.panel-section .range-control:first-of-type{margin-top:2px}.compact-row{align-items:center;gap:4px;min-height:26px;display:flex}.compact-choice{border:1px solid var(--border-color);min-width:30px;min-height:25px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:5px;padding:4px 7px;font:700 .67rem/1 Inter,sans-serif}.compact-choice:hover,.compact-choice.active{color:var(--text-primary);border-color:var(--accent-color);background:#58a6ff29}.weather-row .compact-choice{flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:34px;min-height:32px;padding:3px 5px;display:inline-flex}.weather-row .compact-choice small{font-size:.56rem;font-weight:600;line-height:1}.row-spacer{flex:1}.panel-rule{background:var(--border-color);height:1px;margin:8px 0}.media-controls{grid-template-columns:1fr;gap:5px;margin:7px 0 1px;display:grid}.media-controls input[type=url]{width:100%;min-width:0;color:var(--text-primary);border:1px solid var(--border-color);font:inherit;background:#0003;border-radius:6px;padding:6px 7px;font-size:.74rem}.hue-row{margin-top:9px}.hue-chip{cursor:pointer;width:17px;height:17px;color:var(--text-secondary);background:0 0;border:1px solid #ffffff40;border-radius:50%;padding:0;line-height:1}.hue-chip.active{outline:2px solid var(--text-primary);outline-offset:1px}.mini-label{color:var(--text-secondary);margin-right:2px;font-size:.69rem}.add-source{margin-left:auto}.media-source-list{gap:4px;max-height:158px;display:grid;overflow-y:auto}.media-empty{color:var(--text-secondary);padding:5px 2px;font-size:.72rem}.media-source{grid-template-columns:13px minmax(64px,.8fr) minmax(112px,1.7fr) 20px 20px 20px;align-items:center;gap:4px;min-width:0;display:grid}.media-source input[type=radio]{accent-color:var(--accent-color);margin:0}.media-source input{min-width:0;color:var(--text-primary);border:1px solid var(--border-color);font:inherit;background:#0000002e;border-radius:4px;padding:4px 5px;font-size:.67rem}.media-source button{width:20px;min-width:20px;height:22px;color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:#ffffff0a;border-radius:4px;padding:0;font-size:.7rem}.media-source button:disabled{cursor:default;opacity:.3}.source-local{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.media-volume{width:58px;accent-color:var(--accent-color)}.image-settings{gap:5px;margin:-3px 0 10px;display:flex}.image-settings input{min-width:0;color:var(--text-primary);border:1px solid var(--border-color);font:inherit;background:#0003;border-radius:6px;flex:1;padding:6px 7px;font-size:.74rem}.image-file-button{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;font:inherit;background:#ffffff0f;border-radius:6px;flex:none;align-items:center;gap:4px;padding:6px 7px;font-size:.74rem;display:inline-flex}.home-hint{color:var(--text-secondary);margin-top:3px;font-size:.8rem}.empty-home{text-align:center;border:1px dashed var(--border-color);background:var(--panel-bg);border-radius:12px;padding:70px 20px}.empty-home p{color:var(--text-secondary);margin:10px 0 20px}.page-card{padding:0;overflow:hidden}.page-card-main{color:var(--text-secondary);padding:19px;font-size:.83rem;text-decoration:none;display:block}.page-card-main:hover{color:var(--text-primary)}.page-card-main span{margin-top:4px;display:block}.page-card-title{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.page-card-title h3{margin:0}.page-nav-controls{border-top:1px solid var(--border-color);background:#0000001a;gap:5px;padding:8px 10px;display:flex}.page-nav-button{min-width:29px;min-height:27px;color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;font:inherit;background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:4px 7px;font-size:.72rem;display:inline-flex}.page-nav-button.active{color:#63d297;border-color:#3fb95066}.page-nav-button.muted{color:var(--text-secondary)}.page-nav-button.danger{color:#ff7b72;margin-left:auto}.page-nav-button:disabled{cursor:not-allowed;opacity:.35}@media (width<=760px){.appearance-panel{width:min(360px,100vw - 20px);bottom:62px;left:10px}.weather-toggle-btn{bottom:12px;left:12px}}