:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000;color:#f5f5f0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--shell-padding: 18px;--address-height: 116px;--border: rgba(255, 255, 255, .14);--muted: rgba(255, 255, 255, .62);--bg: #000;--fg: #f5f5f0;--panel: rgba(8, 8, 8, .92);--panel-strong: rgba(8, 8, 8, .94);--input-bg: rgba(255, 255, 255, .03)}html[data-theme=light]{color-scheme:light;--bg: #f4f1ea;--fg: #111;--border: rgba(0, 0, 0, .14);--muted: rgba(0, 0, 0, .56);--panel: rgba(255, 255, 255, .92);--panel-strong: rgba(255, 255, 255, .94);--input-bg: rgba(0, 0, 0, .03)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;overflow:hidden;background:var(--bg)}body{overscroll-behavior:none}button,input{font:inherit}button{border:0;background:none;color:inherit}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--input-bg);color:var(--fg);border-radius:18px;padding:15px 18px;outline:none}input:focus{border-color:#ffffff61}.app-shell{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 28%),var(--bg)}.browser-shell{position:relative;flex:1;min-height:0;opacity:0;pointer-events:none;transform:translateZ(0) scale(.985);transition:opacity .26s ease,transform .32s ease}.browser-shell.is-active{opacity:1;pointer-events:auto;transform:translateZ(0) scale(1)}.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:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gate-inner{width:min(100%,420px);text-align:center}.eyebrow{margin:0 0 10px;color:var(--muted);font-size:12px;letter-spacing:.22em;text-transform:uppercase}.gate-inner h1,.panel-header h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,Times New Roman,Georgia,serif;font-size:clamp(34px,7vw,62px);line-height:.98;font-weight:700;letter-spacing:-.03em}.enter-button,.fullscreen-restore,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#fff;color:#000;transform:translateZ(0);will-change:transform;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.enter-button{margin-top:28px}.secondary-button{background:transparent;color:var(--fg)}.enter-button:active,.fullscreen-restore:active,.primary-button:active,.secondary-button:active,.control-button:active,.bookmark-open:active{transform:translate3d(0,1px,0) scale(.99)}.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 rgba(255,255,255,.12);border-radius:28px;background:#111}html[data-theme=light] .frame-scroll-host{border-color:#0000001f;background:#fff}.browser-shell.is-browse .frame-scroll-host{border:0;border-radius: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 rgba(255,255,255,.14);border-radius:28px;background:var(--panel-strong);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:20px;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:28px 22px 32px;pointer-events:auto}.home-screen-inner{width:min(100%,920px);margin:0 auto;text-align:center}.home-screen-inner h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,Times New Roman,Georgia,serif;font-size:clamp(44px,10vw,88px);line-height:.95;letter-spacing:-.04em}.home-intro{width:min(100%,540px);margin:18px auto 0;color:var(--muted);line-height:1.7}.desktop-hint{margin:14px auto 0;color:var(--muted);font-size:13px;letter-spacing:.04em}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px;width:100%;margin:34px auto 0;align-items:start}.app-grid.is-editing .app-tile-icon{animation:tile-wiggle .22s ease-in-out infinite alternate}.app-grid-cell{min-width:0}.app-tile{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.app-tile-icon-wrap{width:100%;display:flex;justify-content:center}.app-tile-icon{width:min(100%,84px);aspect-ratio:1;border-radius:22%;display:grid;place-items:center;border:1px solid var(--border);background:color-mix(in srgb,var(--fg) 4%,transparent);overflow:hidden;transform:translateZ(0);will-change:transform;transition:transform .18s ease,border-color .18s ease,background .18s ease}.app-tile-icon.is-dragging{transform:translateZ(0) scale(1.08)}.app-tile-image{width:100%;height:100%;object-fit:cover}.app-tile-icon svg{width:30px;height:30px}.app-tile-label{width:100%;font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-empty{margin-top:32px;color:var(--muted)}.browse-dock{position:absolute;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:18;transform:translate(-50%) translateZ(0);display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-header h2{font-size:clamp(30px,6vw,52px)}.panel-body{min-height:0;display:flex;flex-direction:column;gap:18px}.bookmark-editor,.settings-body{display:flex;flex-direction:column;gap:14px}.field-group{display:flex;flex-direction:column;gap:8px}.field-group label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.bookmark-actions,.settings-actions,.control-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.draft-icon-preview{width:44px;height:44px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d}.bookmark-fallback{font-family:Iowan Old Style,Georgia,serif;font-size:22px}.control-button{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:color-mix(in srgb,var(--fg) 4%,transparent);color:var(--fg);transform:translateZ(0);will-change:transform;transition:transform .18s ease,background .18s ease,opacity .18s ease}.control-button svg,.secondary-button svg,.primary-button svg{width:18px;height:18px}.control-button:disabled{opacity:.28}.ghost-button{background:transparent}.status-line{grid-column:1 / -1;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.shell-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid var(--border);background:var(--input-bg);color:var(--fg);border-radius:18px;padding:15px 18px}.progress-line{width:100%;height:3px;border-radius:999px;overflow:hidden;background:#ffffff14}.progress-line span{display:block;height:100%;background:#fff;transition:width .16s linear}@keyframes tile-wiggle{0%{transform:translateZ(0) rotate(-1.4deg) scale(1.01)}to{transform:translateZ(0) rotate(1.4deg) scale(1.01)}}@media (max-width: 760px){:root{--shell-padding: 12px;--address-height: 92px}.overlay-panel{inset:12px 12px calc(var(--address-height) + 20px + env(safe-area-inset-bottom));padding:16px}.home-screen{padding:18px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.app-tile-icon{width:min(100%,74px)}.bookmark-actions,.settings-actions{display:grid;grid-template-columns:1fr 1fr}.settings-actions>*:last-child,.bookmark-actions>*:last-child{grid-column:1 / -1}}
