:root,[data-theme=dark]{--bg:#0f1a15;--bg-elevated:#16241d;--bg-soft:#1a2e24;--line:#c8f06a1f;--text:#e8f0e9;--text-muted:#8fa396;--accent:#c8f06a;--accent-dim:#9bb84f;--danger:#ff7a6e;--btn-primary-fg:#122019;--nav-fade:#0f1a15eb;--nav-solid:#0f1a15;--nav-bar-bg:#1c3228;--nav-bar-border:#c8f06a24;--body-bg:radial-gradient(120% 80% at 10% -10%, #c8f06a14, transparent 50%), radial-gradient(90% 60% at 100% 0%, #3e785a40, transparent 45%), linear-gradient(180deg, #122019 0%, var(--bg) 40%, #0c1410 100%);--capture-primary-bg:radial-gradient(circle at 50% 30%, #c8f06a2e, transparent 55%), var(--bg-soft);--radius:14px;--fab-size:80px;--fab-r:40px;--fab-gap:10px;--fab-cutout:50px;--fab-float:16px;--nav-bar-h:64px;--nav-h:100px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--font-display:"Fraunces", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#eef3ea;--bg-elevated:#fff;--bg-soft:#e2ebe0;--line:#1a2e241f;--text:#142019;--text-muted:#5a6e62;--accent:#3d6b28;--accent-dim:#2f5420;--danger:#c23b32;--btn-primary-fg:#f5faf2;--nav-fade:#eef3eaeb;--nav-solid:#eef3ea;--nav-bar-bg:#fff;--nav-bar-border:#1a2e241a;--body-bg:radial-gradient(120% 80% at 10% -10%, #3d6b2814, transparent 50%), radial-gradient(90% 60% at 100% 0%, #b4c8a059, transparent 45%), linear-gradient(180deg, #f5f8f2 0%, var(--bg) 40%, #e4ece0 100%);--capture-primary-bg:radial-gradient(circle at 50% 30%, #3d6b281f, transparent 55%), var(--bg-soft);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100dvh}body{font-family:var(--font-body);background:var(--body-bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0}button,input,select{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:visited{color:var(--accent)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-main{padding-bottom:calc(var(--nav-h) + var(--safe-b) + 12px);flex:1}.page{max-width:480px;padding:calc(12px + var(--safe-t)) 18px 24px;margin:0 auto}.page-header{margin-bottom:20px}.page-header.row{align-items:flex-start;gap:12px;display:flex}.page-header h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.85rem;font-weight:560;line-height:1.15}.page-header-text{flex:1;min-width:0}.brand,.brand-sm{font-family:var(--font-display);color:var(--accent);letter-spacing:-.03em;margin:0 0 6px}.brand{font-size:2.6rem;font-weight:600}.brand-sm{font-size:1.05rem;font-weight:560}.page-sub,.login-sub{color:var(--text-muted);margin:8px 0 0;font-size:.95rem;line-height:1.45}.back-link{background:var(--bg-elevated);border:1px solid var(--line);width:40px;height:40px;color:var(--text);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.screen-center{place-items:center;min-height:100%;display:grid}.screen-center.compact{min-height:180px}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav{z-index:40;height:calc(var(--nav-h) + var(--safe-b));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-bar{height:calc(var(--nav-bar-h) + var(--safe-b));background:var(--nav-bar-bg);-webkit-mask-image:radial-gradient(circle var(--fab-cutout) at 50% calc(-1 * var(--fab-float)), transparent 99%, #000 100%);-webkit-mask-image:radial-gradient(circle var(--fab-cutout) at 50% calc(-1 * var(--fab-float)), transparent 99%, #000 100%);mask-image:radial-gradient(circle var(--fab-cutout) at 50% calc(-1 * var(--fab-float)), transparent 99%, #000 100%);position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #00000024}.bottom-nav-row{left:0;right:0;bottom:var(--safe-b);height:var(--nav-bar-h);grid-template-columns:1fr var(--fab-size) 1fr;box-sizing:border-box;pointer-events:none;align-items:center;padding:4px 24px 8px;display:grid;position:absolute}.nav-item{pointer-events:auto;color:var(--text-muted);letter-spacing:.02em;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:.75rem;font-weight:500;display:flex}.nav-item.active{color:var(--accent)}.nav-capture-slot{width:var(--fab-size);height:1px}.nav-capture{pointer-events:auto;z-index:2;width:var(--fab-size);height:var(--fab-size);left:50%;bottom:calc(var(--nav-bar-h) + var(--safe-b) + var(--fab-float) - var(--fab-r));display:flex;position:absolute;transform:translate(-50%)}.nav-capture-btn{width:var(--fab-size);height:var(--fab-size);background:var(--accent);color:var(--btn-primary-fg);border:none;border-radius:50%;place-items:center;display:grid;box-shadow:0 4px 12px #00000029,0 12px 28px #0003}.nav-capture.active .nav-capture-btn{box-shadow:0 4px 12px #00000029,0 12px 28px #0003}.login-page{max-width:420px;min-height:100dvh;padding:calc(32px + var(--safe-t)) 22px calc(32px + var(--safe-b));flex-direction:column;justify-content:center;gap:36px;margin:0 auto;display:flex}.login-hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.7rem,6vw,2.15rem);font-weight:560;line-height:1.15}.login-form{flex-direction:column;gap:14px;display:flex}.login-form label,.field-label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:.82rem;font-weight:500;display:flex}.login-form input,.create-folder input,.rename-row input,.field-label select{appearance:none;border:1px solid var(--line);background:var(--bg-elevated);color:var(--text);border-radius:12px;outline:none;padding:14px}.login-form input:focus,.create-folder input:focus,.rename-row input:focus,.field-label select:focus{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:var(--btn-primary-fg)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-primary.inline{width:fit-content;margin-top:12px}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--line)}.btn-secondary.full{width:100%;margin-top:20px}.btn-icon{background:var(--accent);width:48px;height:48px;color:var(--btn-primary-fg);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.btn-icon:disabled{opacity:.45}.btn-text{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 4px;font-size:.9rem;font-weight:500;display:inline-flex}.btn-text.danger{color:var(--danger)}.form-error{color:var(--danger);margin:0;font-size:.9rem}.status-ok{color:var(--accent);align-items:flex-start;gap:8px;margin-top:18px;font-size:.92rem;line-height:1.4;display:flex}.create-folder{gap:8px;margin-bottom:18px;display:flex}.create-folder input{flex:1}.folder-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.folder-row,.folder-row:link,.folder-row:visited,.folder-row:hover,.folder-row:active{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line);color:var(--text);align-items:center;gap:12px;padding:14px 12px;text-decoration:none;display:flex}.folder-icon{background:color-mix(in srgb, var(--accent) 10%, transparent);width:42px;height:42px;color:var(--text-muted);border-radius:12px;place-items:center;display:grid}.folder-icon.accent{color:var(--accent)}.folder-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.folder-meta strong{color:var(--text);font-weight:600}.folder-meta span{color:var(--text-muted);font-size:.82rem}.folder-chevron{color:var(--text-muted);opacity:.7}.folder-actions{gap:12px;margin-bottom:12px;display:flex}.selection-bar{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:.9rem;display:flex}.rename-row{align-items:center;gap:8px;display:flex}.rename-row input{flex:1;padding:8px 10px}.image-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.image-thumb{aspect-ratio:1;background:var(--bg-elevated);cursor:pointer;border:none;border-radius:10px;padding:0;position:relative;overflow:hidden}.image-thumb img{object-fit:cover;width:100%;height:100%;display:block}.image-thumb.selected{outline:2px solid var(--accent);outline-offset:1px}.image-thumb-placeholder{background:linear-gradient(135deg, var(--bg-soft), var(--bg-elevated));width:100%;height:100%}.image-thumb-check{background:var(--accent);width:22px;height:22px;color:var(--btn-primary-fg);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;top:6px;right:6px}.empty-state{text-align:center;color:var(--text-muted);padding:40px 8px}.capture-page .field-label{margin-bottom:24px}.capture-actions{flex-direction:column;gap:12px;display:flex}.capture-primary,.capture-secondary{cursor:pointer;border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.capture-primary{background:var(--capture-primary-bg);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);min-height:200px;color:var(--accent);border-radius:22px;font-size:1.05rem;font-weight:600}.capture-primary:disabled,.capture-secondary:disabled{opacity:.55;cursor:not-allowed}.capture-secondary{background:var(--bg-elevated);border:1px solid var(--line);color:var(--text);border-radius:14px;flex-direction:row;gap:10px;padding:16px;font-weight:500}.profile-header{align-items:flex-start;gap:12px;display:flex}.profile-header .page-header-text{flex:1;min-width:0}.theme-toggle{border:1px solid var(--line);background:var(--bg-elevated);width:44px;height:44px;color:var(--accent);cursor:pointer;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.theme-toggle:active{transform:scale(.96)}.profile-card{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line);align-items:center;gap:14px;padding:16px;display:flex}.avatar{background:color-mix(in srgb, var(--accent) 16%, transparent);width:52px;height:52px;color:var(--accent);font-family:var(--font-display);border-radius:16px;place-items:center;font-size:1.35rem;font-weight:600;display:grid}.profile-email{word-break:break-all;margin:0;font-weight:600}.profile-id{color:var(--text-muted);margin:4px 0 0;font-size:.82rem}.info-block{background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid var(--line);color:var(--text-muted);border-radius:12px;gap:10px;margin-top:16px;padding:14px;font-size:.88rem;line-height:1.45;display:flex}.info-block code{color:var(--accent-dim);font-size:.84em}.sheet-backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-elevated);width:min(480px,100%);padding:20px 18px calc(20px + var(--safe-b));border:1px solid var(--line);border-radius:20px 20px 0 0;flex-direction:column;gap:6px;display:flex}.sheet h2{font-family:var(--font-display);margin:0 0 8px;font-size:1.2rem;font-weight:560}.sheet-option{text-align:left;color:var(--text);border:none;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;padding:14px 8px;font-weight:500}.sheet-option:last-of-type{border-bottom:none}@media (width>=640px){.image-grid{grid-template-columns:repeat(4,1fr)}}