*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{color:#eef;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#07070f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{flex-direction:column;height:100vh;display:flex}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus{outline:none}:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #00f5d4}.tab-bar{background:#1a1a2e;border-bottom:2px solid #0f0f1a;align-items:flex-end;min-height:50px;padding:8px 8px 0;display:flex;overflow:hidden}.tab-bar-inner{scrollbar-width:none;flex:1;align-items:flex-end;gap:2px;display:flex;overflow-x:auto}.tab-bar-inner::-webkit-scrollbar{display:none}.tab-divider{background:#333360;flex-shrink:0;width:1px;height:20px;margin:0 4px 4px}.tab{cursor:pointer;-webkit-user-select:none;user-select:none;background:#12122a;border:1px solid #2a2a4a;border-bottom:none;border-radius:8px 8px 0 0;flex-shrink:0;align-items:center;gap:6px;min-width:0;max-width:200px;padding:6px 12px;transition:background .15s,box-shadow .15s;display:flex;position:relative}.tab:hover{background:#1e1e40}.tab--active{border-color:var(--tab-color);box-shadow:0 0 10px color-mix(in srgb, var(--tab-color) 40%, transparent), inset 0 1px 0 var(--tab-color);z-index:1;background:#0f0f1a}.tab--active .tab-title{color:var(--tab-color);text-shadow:0 0 8px var(--tab-color)}.tab--pinned{justify-content:center;min-width:40px;max-width:40px;padding:6px}.tab--pinned.tab--active{box-shadow:0 0 10px color-mix(in srgb, var(--tab-color) 40%, transparent), inset 0 1px 0 var(--tab-color)}.tab-favicon{flex-shrink:0;font-size:17px;line-height:1}.tab-title{color:#9a9cc2;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:SF Mono,Fira Code,monospace;font-size:17px;overflow:hidden}.tab-dot{background:#bf5af2;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 6px #bf5af2}.tab-close{color:#6868a0;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:0 2px;font-size:17px;line-height:1;transition:color .1s,background .1s}.tab-close:hover{color:#ff2d78;background:#ff2d7826}.tab-add{color:#6868a0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:4px;font-size:22px;transition:color .15s,border-color .15s,box-shadow .15s;display:flex}.tab-add:hover{color:#00f5d4;border-color:#00f5d4;box-shadow:0 0 8px #00f5d44d}[role=tab]:focus-visible{outline:2px solid var(--tab-color,#00f5d4);outline-offset:-2px;border-radius:7px 7px 0 0}.tab-add:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #00f5d4}.page{width:100%;padding:48px 64px;animation:.2s page-in}@media (width<=600px){.page{padding:28px 24px}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{align-items:center;gap:20px;margin-bottom:40px;display:flex}.page-favicon{filter:drop-shadow(0 0 12px);font-size:54px}.page-title{letter-spacing:-.5px;margin:0 0 4px;font-family:SF Mono,Fira Code,monospace;font-size:40px;font-weight:700}.page-subtitle{color:#555580;margin:0;font-size:17px;font-style:italic}.neon-pink{color:#ff2d78;text-shadow:0 0 20px #ff2d7899}.neon-cyan{color:#00f5d4;text-shadow:0 0 20px #00f5d499}.neon-yellow{color:#ffe600;text-shadow:0 0 20px #ffe60099}.neon-purple{color:#bf5af2;text-shadow:0 0 20px #bf5af299}.neon-orange{color:#ff9f0a;text-shadow:0 0 20px #ff9f0a99}.neon-green{color:#30d158;text-shadow:0 0 20px #30d15899}.about-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px;display:grid}.about-card{background:#ffffff05;border:1px solid;border-radius:12px;padding:20px}.card-label{text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:10px;font-family:SF Mono,Fira Code,monospace;font-size:17px}.about-card dd{color:#cce;margin:0;font-size:17px;line-height:1.6}.card--pink{border-color:#ff2d7866;box-shadow:inset 0 0 20px #ff2d780d}.card--cyan{border-color:#00f5d466;box-shadow:inset 0 0 20px #00f5d40d}.card--yellow{border-color:#ffe60066;box-shadow:inset 0 0 20px #ffe6000d}.card--purple{border-color:#bf5af266;box-shadow:inset 0 0 20px #bf5af20d}.card--pink .card-label{color:#ff2d78}.card--cyan .card-label{color:#00f5d4}.card--yellow .card-label{color:#ffe600}.card--purple .card-label{color:#bf5af2}.status-dot:before{color:#30d158;text-shadow:0 0 8px #30d158}.about-bio{border-left:2px solid #ff2d78;max-width:65ch;padding-left:24px;box-shadow:-8px 0 20px #ff2d781a}.about-bio p{color:#aac;margin:0 0 16px;font-size:17px;line-height:1.8}.about-bio p:last-child{margin-bottom:0}.about-bio em{color:#ff2d78;font-style:normal;font-weight:600}.builds-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;list-style:none;display:grid}.build-card{border:1px solid color-mix(in srgb, var(--c,#00f5d4) 40%, transparent);box-shadow:0 0 20px color-mix(in srgb, var(--c,#00f5d4) 8%, transparent);background:#ffffff05;border-radius:14px;padding:24px;transition:box-shadow .2s,transform .2s}.build-card:hover{box-shadow:0 0 30px color-mix(in srgb, var(--c,#00f5d4) 20%, transparent);transform:translateY(-2px)}.build-status{text-transform:uppercase;letter-spacing:.08em;color:var(--c,#00f5d4);margin-bottom:12px;font-family:SF Mono,Fira Code,monospace;font-size:17px}.build-name{color:#eef;margin:0 0 10px;font-size:22px;font-weight:700;line-height:1.3}.build-desc{color:#9a9cc2;margin:0 0 16px;font-size:17px;line-height:1.6}.build-tags{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.build-tag{letter-spacing:.04em;background:color-mix(in srgb, var(--c,#00f5d4) 15%, transparent);color:var(--c,#00f5d4);border:1px solid color-mix(in srgb, var(--c,#00f5d4) 30%, transparent);border-radius:4px;padding:3px 8px;font-family:SF Mono,Fira Code,monospace;font-size:17px}.build-card--placeholder{--c:#335;border-style:dashed;justify-content:center;align-items:center;min-height:140px;display:flex}.placeholder-text{color:#4d4d78;letter-spacing:.06em;font-family:SF Mono,Fira Code,monospace;font-size:17px}.fragments-list{flex-direction:column;gap:20px;list-style:none;display:flex}.fragment{background:#ffe60008;border-left:3px solid #ffe600;border-radius:10px;padding:20px 24px;box-shadow:-6px 0 20px #ffe60014}.fragment-type{text-transform:uppercase;letter-spacing:.08em;color:#ffe600;opacity:.8;margin-bottom:10px;font-family:SF Mono,Fira Code,monospace;font-size:17px;display:block}.fragment-text{color:#cce;max-width:65ch;margin:0;font-size:17px;font-style:italic;line-height:1.7}.thoughts-editor{background:#0a0a18;border:1px solid #bf5af24d;border-radius:10px;max-width:65ch;margin-bottom:32px;overflow:hidden;box-shadow:0 0 30px #bf5af214}.editor-toolbar{background:#12122a;border-bottom:1px solid #bf5af233;justify-content:space-between;padding:8px 16px;display:flex}.toolbar-hint{letter-spacing:.04em;color:#5e5e8a;font-family:SF Mono,Fira Code,monospace;font-size:17px}.editor-body{padding:24px 0}.thought-line{color:#cce;gap:20px;margin:0;padding:4px 20px;font-size:17px;line-height:1.8;display:flex}.thought-line:hover{background:#bf5af20a}.line-num{color:#4d4d78;text-align:right;-webkit-user-select:none;user-select:none;min-width:20px;padding-top:2px;font-family:SF Mono,Fira Code,monospace;font-size:17px}.thought-line--empty{color:#0000}.cursor{color:#bf5af2;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.thoughts-footer{color:#4d4d78;font-family:SF Mono,Fira Code,monospace;font-size:17px;font-style:italic}.reading-list{flex-direction:column;gap:2px;list-style:none;display:flex}.reading-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:16px;width:100%;padding:16px;transition:border-color .15s,background .15s;display:flex}.reading-item:focus-visible{outline-offset:2px;outline:2px solid #ff9f0a}.reading-content{flex-direction:column;gap:6px;min-width:0;display:flex}.reading-item:hover{background:#ff9f0a0a;border-color:#ff9f0a4d}.reading-favicon{flex-shrink:0;margin-top:2px;font-size:22px}.reading-title{color:#ddf;margin-bottom:6px;font-size:17px;line-height:1.5}.reading-item:hover .reading-title{color:#ff9f0a;text-shadow:0 0 10px #ff9f0a66}.reading-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reading-domain{letter-spacing:.04em;color:#5e5e8a;font-family:SF Mono,Fira Code,monospace;font-size:17px}.reading-tag{letter-spacing:.04em;color:#ff9f0a;background:#ff9f0a1a;border:1px solid #ff9f0a33;border-radius:3px;padding:2px 7px;font-family:SF Mono,Fira Code,monospace;font-size:17px}.dnc-warning{text-align:center;background:#30d1580a;border:1px solid #30d1584d;border-radius:12px;margin-bottom:32px;padding:28px;box-shadow:0 0 40px #30d1580f}.dnc-icon{margin-bottom:16px;font-size:40px}.dnc-warning p{color:#aac;margin:0 0 8px;font-size:17px;line-height:1.7}.dnc-warning p:last-child{margin-bottom:0}.dnc-list{flex-direction:column;gap:0;display:flex}.dnc-item{border-bottom:1px solid #1a1a30;grid-template-columns:160px 1fr;align-items:center;gap:16px;padding:16px 0;display:grid}.dnc-item:last-child{border-bottom:none}.dnc-key{text-transform:uppercase;letter-spacing:.08em;color:#30d158;text-shadow:0 0 8px #30d15880;font-family:SF Mono,Fira Code,monospace;font-size:17px}.dnc-value{color:#cce;font-size:17px;line-height:1.5}.page--newtab{flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding-top:0;display:flex}.newtab-greeting{color:#4d4d78;margin-bottom:8px;font-family:SF Mono,Fira Code,monospace;font-size:54px;font-weight:700}.newtab-sub{color:#4d4d78;margin:0 0 48px;font-size:17px;font-style:italic}.newtab-grid{grid-template-columns:repeat(auto-fit,minmax(110px,140px));justify-content:center;gap:16px;width:100%;max-width:520px;display:grid}.newtab-shortcut{border:1px solid color-mix(in srgb, var(--c) 25%, transparent);cursor:pointer;background:#ffffff05;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.newtab-shortcut:hover{border-color:var(--c);box-shadow:0 0 20px color-mix(in srgb, var(--c) 25%, transparent);transform:translateY(-2px)}.shortcut-icon{font-size:32px}.shortcut-label{letter-spacing:.04em;color:color-mix(in srgb, var(--c) 80%, #aac);text-align:center;font-family:SF Mono,Fira Code,monospace;font-size:17px;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#eef;-webkit-font-smoothing:antialiased;background:#07070f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.browser{background:#07070f;flex-direction:column;height:100vh;display:flex}.browser-content{scrollbar-width:thin;scrollbar-color:#1e1e3a transparent;background:#0a0a18;flex:1;overflow-y:auto}.browser-content::-webkit-scrollbar{width:6px}.browser-content::-webkit-scrollbar-thumb{background:#1e1e3a;border-radius:3px}.page-placeholder{text-align:center;color:#335;padding:80px;font-family:SF Mono,Fira Code,monospace;font-size:17px}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;animation:.3s page-in;display:flex}.empty-icon{color:#1e1e3a;margin-bottom:8px;font-size:54px}.empty-title{color:#4d4d78;font-family:SF Mono,Fira Code,monospace;font-size:22px}.empty-sub{color:#4d4d78;font-size:17px;font-style:italic}.empty-btn{color:#6868a0;cursor:pointer;background:0 0;border:1px solid #4d4d78;border-radius:8px;margin-top:16px;padding:8px 20px;font-family:SF Mono,Fira Code,monospace;font-size:17px;transition:border-color .2s,color .2s,box-shadow .2s}.empty-btn:hover{color:#00f5d4;border-color:#00f5d4;box-shadow:0 0 12px #00f5d433}.empty-btn:focus-visible{outline-offset:2px;outline:2px solid #00f5d4}.browser-content:focus{outline:none}.browser-content:focus-visible{outline-offset:-2px;outline:2px solid #00f5d4}