:root{color-scheme:dark;font-family:JetBrains Mono,SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace;background:#0a0a0a;color:#e8e8e8;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--shell-padding: 18px;--address-height: 100px;--border: rgba(255, 255, 255, .2);--border-strong: #444;--muted: rgba(255, 255, 255, .5);--bg: #0a0a0a;--fg: #e8e8e8;--panel: rgba(14, 14, 14, .96);--panel-strong: rgba(14, 14, 14, .98);--input-bg: rgba(255, 255, 255, .04);--accent: #fff;--accent-fg: #000;--danger: #e53935;--grid-gap: 28px 18px}html[data-theme=light]{color-scheme:light;--bg: #f0f0f0;--fg: #111;--border: #bbb;--border-strong: #888;--muted: #666;--panel: rgba(255, 255, 255, .97);--panel-strong: rgba(255, 255, 255, .99);--input-bg: rgba(0, 0, 0, .04);--accent: #111;--accent-fg: #fff}*{box-sizing:border-box;margin:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg)}body{overscroll-behavior:none}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:var(--input-bg);color:var(--fg);border-radius:0;padding:12px 14px;outline:none;transition:border-color .12s ease}input:focus{border-color:var(--accent)}.app-shell{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column;background:var(--bg)}.browser-shell{position:relative;flex:1;min-height:0;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.browser-shell.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}.fullscreen-gate,.fullscreen-restore{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:var(--bg)}.gate-inner{width:min(100%,480px);text-align:center}.eyebrow{margin:0 0 10px;color:var(--muted);font-size:11px;letter-spacing:.28em;text-transform:uppercase}.gate-inner h1,.panel-header h2{margin:0;font-family:JetBrains Mono,SF Mono,monospace;font-size:clamp(28px,6vw,52px);line-height:1.05;font-weight:700;letter-spacing:-.02em;color:var(--fg)}.enter-button,.fullscreen-restore,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 28px;border:2px solid var(--accent);border-radius:0;background:var(--accent);color:var(--accent-fg);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;transform:translateZ(0);transition:transform .1s ease,background .1s ease,color .1s ease}.enter-button{margin-top:32px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:1px solid var(--border-strong);border-radius:0;background:transparent;color:var(--fg);font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:500;transition:background .1s ease,color .1s ease,transform .1s ease}.secondary-button:hover{background:var(--accent);color:var(--accent-fg)}.enter-button:active,.fullscreen-restore:active,.primary-button:active,.secondary-button:active,.control-button:active{transform:translateY(2px)}.fullscreen-restore{inset:auto 24px auto 24px;top:50%;transform:translate3d(0,-50%,0);z-index:35;width:calc(100% - 48px);max-width:420px;margin:0 auto}.frame-host{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;min-height:0;padding:var(--shell-padding);padding-bottom:calc(var(--address-height) + 18px + env(safe-area-inset-bottom))}.browser-shell.is-browse .frame-host{padding:0}.frame-scroll-host{width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--border-strong);border-radius:0;background:#111}html[data-theme=light] .frame-scroll-host{border-color:var(--border-strong);background:#fff}.browser-shell.is-browse .frame-scroll-host{border:0}.content-frame{display:block;width:100%;height:100%;border:0;background:#fff}.overlay-panel{position:absolute;inset:20px 20px calc(var(--address-height) + 28px + env(safe-area-inset-bottom));z-index:20;display:flex;flex-direction:column;gap:18px;border:1px solid var(--border-strong);border-radius:0;background:var(--panel-strong);padding:22px;overflow:hidden}.home-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:32px 22px 40px;pointer-events:auto}.home-screen-inner{width:min(100%,920px);margin:0 auto;text-align:center}.home-screen-inner h2{margin:0;font-family:JetBrains Mono,SF Mono,monospace;font-size:clamp(40px,10vw,80px);line-height:1;letter-spacing:-.04em;font-weight:800}.home-intro{width:min(100%,540px);margin:16px auto 0;color:var(--muted);line-height:1.7;font-size:14px}.desktop-hint{margin:12px auto 0;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap);width:100%;margin:36px auto 0;align-items:start}.app-grid.is-editing .app-tile-icon{animation:tile-wiggle .18s ease-in-out infinite alternate}.app-grid-cell{min-width:0}.app-tile{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.app-tile-icon-wrap{width:100%;display:flex;justify-content:center}.app-tile-icon{width:min(100%,72px);aspect-ratio:1;border-radius:0;display:grid;place-items:center;border:1px solid var(--border-strong);background:var(--input-bg);overflow:hidden;transform:translateZ(0);transition:transform .12s ease,border-color .12s ease}.app-tile:hover .app-tile-icon{border-color:var(--accent)}.app-tile-icon.is-dragging{transform:translateZ(0) scale(1.06);border-color:var(--accent)}.app-tile-image{width:100%;height:100%;object-fit:cover}.app-tile-icon svg{width:28px;height:28px}.app-tile:has(.app-tile-icon svg) .app-tile-icon{padding:16px}.app-tile-label{width:100%;font-size:11px;letter-spacing:.04em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;font-weight:500}.desktop-empty{margin-top:32px;color:var(--muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase}.action-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24;display:flex;align-items:flex-end;justify-content:center;padding:20px;background:#0006}.action-sheet{width:min(100%,420px);display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--border-strong);border-radius:0;background:var(--panel-strong);box-shadow:0 8px 32px #0000004d}.action-sheet-button{width:100%;min-height:50px;border:1px solid var(--border);border-radius:0;background:var(--input-bg);color:var(--fg);text-align:left;padding:0 16px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;font-weight:500;transition:background .1s ease}.action-sheet-button:hover{background:#ffffff14}html[data-theme=light] .action-sheet-button:hover{background:#0000000f}.action-sheet-button.is-danger{color:var(--danger);border-color:var(--danger)}.action-sheet-button.is-danger:hover{background:var(--danger);color:#fff}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-header h2{font-size:clamp(26px,5vw,44px)}.panel-body{min-height:0;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.bookmark-editor,.settings-body{display:flex;flex-direction:column;gap:14px}.field-group{display:flex;flex-direction:column;gap:6px}.field-group label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}.bookmark-actions,.settings-actions,.control-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.draft-icon-preview{width:44px;height:44px;object-fit:cover;border-radius:0;border:1px solid var(--border-strong);background:var(--input-bg)}.bookmark-fallback{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700}.control-button{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--border-strong);border-radius:0;background:transparent;color:var(--fg);transform:translateZ(0);transition:background .1s ease,color .1s ease,transform .1s ease}.control-button:hover{background:var(--accent);color:var(--accent-fg)}.control-button svg,.secondary-button svg,.primary-button svg{width:16px;height:16px}.control-button:disabled{opacity:.25;pointer-events:none}.ghost-button{background:transparent}.status-line{grid-column:1 / -1;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.shell-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid var(--border-strong);background:var(--input-bg);color:var(--fg);border-radius:0;padding:12px 14px;font-size:13px;outline:none;cursor:pointer;transition:border-color .12s ease}.shell-select:focus{border-color:var(--accent)}.progress-line{width:100%;height:2px;overflow:hidden;background:var(--border)}.progress-line span{display:block;height:100%;background:var(--accent);transition:width .16s linear}@keyframes tile-wiggle{0%{transform:translateZ(0) rotate(-1.2deg) scale(1.02)}to{transform:translateZ(0) rotate(1.2deg) scale(1.02)}}@media (max-width: 760px){:root{--shell-padding: 12px;--address-height: 82px}.overlay-panel{inset:12px 12px calc(var(--address-height) + 20px + env(safe-area-inset-bottom));padding:16px}.home-screen{padding:20px 16px 32px}.action-sheet-backdrop{padding:12px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.app-tile-icon{width:min(100%,64px)}.bookmark-actions,.settings-actions{display:grid;grid-template-columns:1fr 1fr}.settings-actions>*:last-child,.bookmark-actions>*:last-child{grid-column:1 / -1}}