:root{--bg:#f4efe6;--bg-2:#f8f4ec;--panel:#fffbf5d6;--panel-strong:#fffaf3f5;--panel-border:#473a261f;--text:#1b1a17;--muted:#706556;--accent:#187d7a;--accent-strong:#0e5b59;--accent-soft:#187d7a1f;--danger:#b6513a;--shadow:0 20px 50px #3528161f;--radius-xl:28px;--radius-lg:22px;--radius-md:18px;--radius-sm:14px;--font-sans:"Manrope", "Avenir Next", "Segoe UI", sans-serif;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", monospace}*{box-sizing:border-box}html{background:radial-gradient(circle at top right, #187d7a29, transparent 28%), radial-gradient(circle at top left, #e8ab692e, transparent 24%), linear-gradient(180deg, var(--bg-2), var(--bg));color:var(--text)}body{min-height:100vh;font-family:var(--font-sans);color:var(--text);background:0 0;margin:0}a{color:inherit}button,input{font:inherit}.shell-page{min-height:100vh;padding:28px 16px 110px}.shell-frame{width:min(1120px,100%);margin:0 auto}.glass-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.auth-layout{gap:18px;display:grid}.auth-hero,.auth-card,.browser-shell,.sheet-card,.preview-card{border-radius:var(--radius-xl)}.auth-hero{padding:28px}.auth-kicker,.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 10px;font-size:.78rem;font-weight:800}.auth-hero h1,.browser-title{font-family:var(--font-display);margin:0;font-size:clamp(2.2rem,7vw,4.2rem);line-height:.95}.auth-hero p:last-child,.muted{color:var(--muted)}.auth-card{padding:22px}.form-grid{gap:14px;display:grid}.field{gap:8px;display:grid}.field label{font-size:.9rem;font-weight:700}.field input,.search-input{width:100%;color:var(--text);background:#ffffffbd;border:1px solid #3226151f;border-radius:18px;padding:14px 16px}.field input:focus,.search-input:focus{outline-offset:2px;outline:2px solid #187d7a40}.button-row,.topbar-actions,.tabbar,.segmented,.sheet-actions,.entry-actions{flex-wrap:wrap;gap:10px;display:flex}.button,.ghost-button,.chip-button,.tab-button,.view-toggle,.icon-button{appearance:none;cursor:pointer;border:0;border-radius:999px;transition:transform .16s,background-color .16s,color .16s,opacity .16s}.button:active,.ghost-button:active,.chip-button:active,.tab-button:active,.view-toggle:active,.icon-button:active{transform:translateY(1px)scale(.99)}.button{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));padding:14px 18px;font-weight:800}.button:disabled{cursor:not-allowed;opacity:.6}.ghost-button,.chip-button,.view-toggle,.icon-button{color:var(--text);background:#ffffffc2;padding:12px 14px}.chip-button.active,.view-toggle.active,.tab-button.active{background:var(--accent-soft);color:var(--accent-strong)}.tabbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:40;background:#fffbf5eb;border:1px solid #473a261f;border-radius:999px;width:min(720px,100% - 20px);padding:10px;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #2b1f0d2e}.tab-button{background:0 0;flex:1 1 0;padding:12px 14px;font-weight:700}.browser-shell{gap:18px;padding:16px;display:grid}.topbar{gap:12px;display:grid}.topbar-card,.content-card,.empty-card,.preview-body,.sheet-card,.location-card{border-radius:var(--radius-lg);background:var(--panel-strong);border:1px solid var(--panel-border);padding:16px}.topbar-copy{gap:6px;display:grid}.topbar-copy p,.topbar-copy h1,.topbar-copy h2,.empty-card h2,.empty-card p{margin:0}.browser-subtitle{color:var(--muted)}.crumbs{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.crumbs button{color:var(--accent-strong);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:700}.content-grid{gap:12px;display:grid}.content-grid.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid.list{grid-template-columns:1fr}.entry-card{border-radius:var(--radius-md);background:#ffffffc7;border:1px solid #473a261f;align-items:start;gap:12px;padding:14px;display:grid}.content-grid.list .entry-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.entry-icon{background:var(--accent-soft);border-radius:16px;place-items:center;width:50px;height:50px;font-size:1.4rem;display:grid}.entry-copy{gap:6px;min-width:0;display:grid}.entry-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:800;overflow:hidden}.entry-meta{color:var(--muted);margin:0;font-size:.84rem}.entry-actions{justify-content:flex-end}.icon-button{place-items:center;width:42px;height:42px;display:grid}.button-link,.entry-hitarea{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.empty-card{gap:10px;display:grid}.search-stack{gap:12px;display:grid}.overlay{z-index:60;background:#18130b6b;align-items:end;padding:14px;display:grid;position:fixed;inset:0}.sheet-card,.preview-card{width:min(820px,100%);max-height:min(78vh,800px);margin:0 auto;overflow:auto}.sheet-card{padding:18px}.sheet-card h2,.preview-card h2{font-family:var(--font-display);margin:0}.sheet-card p,.preview-card p{color:var(--muted)}.sheet-actions{margin-top:18px}.preview-card{background:#fffaf5fa;padding:18px}.preview-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.preview-body{min-height:220px;margin-top:16px}.preview-frame,.preview-video,.preview-image{background:#efe6d8;border:0;border-radius:18px;width:100%}.preview-frame{min-height:60vh}.preview-video{min-height:280px}.preview-image{object-fit:contain;max-height:60vh;display:block}.preview-text{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);margin:0;font-size:.92rem;line-height:1.55}.pill{color:var(--muted);background:#ffffffd1;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.status-error{color:var(--danger)}@media (min-width:768px){.shell-page{padding:36px 24px 120px}.auth-layout{grid-template-columns:1.15fr .85fr;align-items:stretch}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start}.content-grid.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}