:root{--bg: oklch(.985 .005 75);--surface: oklch(.995 .003 75);--surface-sunk: oklch(.97 .007 70);--border: oklch(.91 .008 75);--border-strong: oklch(.82 .012 70);--text: oklch(.22 .018 60);--text-muted: oklch(.5 .012 60);--text-soft: oklch(.65 .01 60);--accent: oklch(.58 .13 35);--accent-hover: oklch(.52 .135 32);--accent-soft: oklch(.96 .025 40);--accent-quiet: oklch(.93 .04 38);--danger: oklch(.52 .16 25);--danger-soft: oklch(.96 .035 25);--success: oklch(.5 .1 145);--success-soft: oklch(.96 .03 145);--info: oklch(.5 .1 245);--info-soft: oklch(.96 .025 245);--font-display: "Fraunces", ui-serif, Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px oklch(.2 .02 60 / .05);--shadow-md: 0 6px 24px oklch(.2 .02 60 / .08);--shadow-lg: 0 24px 60px oklch(.2 .02 60 / .12);--ease-out: cubic-bezier(.22, 1, .36, 1);--t-fast: .12s;--t-base: .2s}*,*:before,*:after{box-sizing:border-box}html{scrollbar-gutter:stable}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.5;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-image:radial-gradient(ellipse 80% 50% at 50% -10%,var(--accent-soft) 0%,transparent 60%);background-attachment:fixed}a{color:var(--text);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}a:hover{text-decoration-color:var(--accent);color:var(--accent)}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{max-width:1080px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8)}.app-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-6);padding:var(--space-3) 0 var(--space-6);margin-bottom:var(--space-7);border-bottom:1px solid var(--border)}.app-header-brand{font-family:var(--font-display);font-weight:600;font-size:1.625rem;letter-spacing:-.025em;font-variation-settings:"opsz" 30;line-height:1;color:var(--text)}.app-header-brand:before{content:"";display:inline-block;width:.4rem;height:.4rem;margin-right:.6rem;background:var(--accent);border-radius:999px;transform:translateY(-.15rem)}.app-nav{display:flex;gap:var(--space-5);align-items:baseline}.app-nav-link{background:none;border:0;padding:0;color:var(--text-muted);font-weight:500;font-size:.9375rem;transition:color var(--t-fast) var(--ease-out);position:relative}.app-nav-link:hover,.app-nav-link.is-active{color:var(--text)}.app-nav-signout{font-size:.875rem;color:var(--text-soft);padding:.25rem .5rem;margin-left:var(--space-2)}.app-nav-signout:hover{color:var(--text);background:var(--surface-sunk)}.app-nav-link.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-.5rem;height:2px;background:var(--accent);border-radius:1px}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem .875rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:500;font-size:.875rem;line-height:1.4;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.btn:hover:not(:disabled){background:var(--surface-sunk);border-color:var(--border-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}.btn-danger{background:var(--danger);color:var(--surface);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#a01e23;border-color:#a01e23}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted);padding:.375rem .625rem}.btn-ghost:hover:not(:disabled){background:var(--surface-sunk);color:var(--text);border-color:transparent}.btn-link{background:none;border:0;padding:0;color:var(--text);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px;font-weight:500}.btn-link:hover{text-decoration-color:var(--accent);color:var(--accent)}.signin{min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-4);padding:var(--space-5)}.signin h1{font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,4vw,2.75rem);letter-spacing:-.025em;font-variation-settings:"opsz" 60;margin:0 0 var(--space-2);line-height:1.05}.signin p{color:var(--text-muted);max-width:42ch;font-size:1.0625rem;line-height:1.55;margin:0 0 var(--space-3)}.library-banner{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);background:var(--accent-soft);border:1px solid var(--accent-quiet);border-radius:var(--radius);font-size:.9375rem;color:var(--text)}.library-banner:before{content:"·";color:var(--accent);font-weight:700;font-size:1.5rem;line-height:0;position:relative;top:-.05rem}.library-banner a{color:var(--accent);text-decoration-color:var(--accent);font-weight:500}.library-empty{text-align:center;padding:var(--space-7) var(--space-5);margin-top:var(--space-5)}.library-empty-headline{font-family:var(--font-display);font-weight:400;font-style:italic;font-size:1.625rem;letter-spacing:-.01em;font-variation-settings:"opsz" 40;color:var(--text);margin:0 0 var(--space-2);line-height:1.2}.library-empty p{color:var(--text-muted);margin:0}.library-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:var(--space-6) 0 var(--space-3);min-height:1.75rem}.edit-shell{margin:calc(var(--space-5) * -1) calc(var(--space-5) * -1) 0;display:flex;flex-direction:column;min-height:calc(100vh - 5rem)}.edit-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap}.edit-back{font-size:.8125rem;color:var(--text-muted)}.edit-back:hover{color:var(--text)}.edit-title-input{flex:1 1 18ch;min-width:18ch;font:inherit;font-family:var(--font-display);font-size:1.05rem;font-weight:500;border:1px solid transparent;background:transparent;padding:.25rem .5rem;border-radius:var(--radius-sm);color:var(--text)}.edit-title-input:hover,.edit-title-input:focus{border-color:var(--border);background:var(--surface-sunk);outline:none}.edit-bucket{display:inline-flex;align-items:center;gap:.5em;font-size:.8125rem;color:var(--text-muted)}.edit-bucket-label{text-transform:uppercase;letter-spacing:.1em;font-size:.6875rem;color:var(--text-soft)}.edit-bucket-select{font:inherit;font-size:.8125rem;padding:.2rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer}.edit-url{flex:1 1 20ch;min-width:0;font-family:var(--font-mono);font-size:.75rem;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-save{margin-left:auto}.btn-primary{background:var(--accent);color:#fcfcfa;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.edit-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;background:var(--border);flex:1 1 auto;min-height:0}.edit-pane{background:var(--surface);min-height:0;overflow:hidden}.edit-pane-editor{position:relative;height:calc(100vh - 9rem)}.edit-pane-editor>section,.edit-pane-editor>section>div,.edit-pane-editor>section>div>.monaco-editor{width:100%!important;height:100%!important}.edit-pane-preview{display:flex;flex-direction:column;height:calc(100vh - 9rem)}.edit-preview-tabbar{display:flex;align-items:center;gap:.5em;padding:.45rem .85rem;background:var(--surface-sunk);border-bottom:1px solid var(--border);font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden}.edit-preview-tab-dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--accent);flex-shrink:0}.edit-preview-tab-title{overflow:hidden;text-overflow:ellipsis;color:var(--text)}.edit-preview-iframe{flex:1 1 auto;width:100%;height:100%;border:0;background:#fff}.edit-loading,.edit-missing{padding:var(--space-6);color:var(--text-muted)}.edit-missing p{margin:0 0 var(--space-3)}@media(max-width:819px){.edit-split{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.edit-pane-editor,.edit-pane-preview{height:50vh}}.bucket-bar{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-4) 0 var(--space-3);flex-wrap:wrap}.bucket-bar-label{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft);font-weight:500}.bucket-bar-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.bucket-bar-loading{color:var(--text-soft);font-size:.8125rem}.bucket-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border);border-radius:999px;padding:.25rem .75rem;font:inherit;font-size:.8125rem;font-weight:500;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:.4em;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.bucket-pill:hover{background:var(--accent-soft);border-color:var(--border-strong);color:var(--text)}.bucket-pill.is-active{background:var(--accent);border-color:var(--accent);color:#fcfcfa}.bucket-pill-count{font-size:.7rem;font-variant-numeric:tabular-nums;opacity:.7;padding-left:.4em;border-left:1px solid currentColor}.bucket-pill.is-active .bucket-pill-count{border-left-color:#fcfcfa80;opacity:.85}.bucket-pill-add{border-style:dashed;color:var(--text-soft)}.bucket-add{display:inline-flex;align-items:center;gap:var(--space-2)}.bucket-add-input{font:inherit;font-size:.8125rem;padding:.25rem .5rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--text);outline:none;min-width:10rem}.bucket-add-input:focus{border-color:var(--accent)}.btn-small{font-size:.8125rem;padding:.25rem .7rem}.library-count{font-size:.8125rem;color:var(--text-soft);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-transform:uppercase}.library-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--border)}.library-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}@media(max-width:1080px){.library-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.library-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.library-grid{grid-template-columns:1fr}}.library-grid>li{display:flex;min-width:0}.library-grid>li>*{min-width:0}.view-switcher{display:inline-flex;align-items:center;gap:2px;padding:2px;background:var(--surface-sunk);border:1px solid var(--border);border-radius:var(--radius-sm)}.view-switcher-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .625rem;background:transparent;border:0;border-radius:4px;color:var(--text-soft);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.view-switcher-btn:hover:not(.is-active){color:var(--text)}.view-switcher-btn.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.view-switcher-label{line-height:1}.page-card{display:flex;flex-direction:column;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--t-fast) var(--ease-out),transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}.page-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.page-card-thumb{position:relative;aspect-ratio:4 / 5;background:var(--surface-sunk);border-bottom:1px solid var(--border);overflow:hidden}.page-card-thumb-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.page-card-iframe{width:800px;height:1000px;transform:scale(var(--thumb-scale, .32));transform-origin:top left;border:0;background:var(--surface);pointer-events:none}.page-card-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:var(--space-2);text-decoration:none;opacity:0;background:linear-gradient(180deg,transparent 0%,oklch(.2 .02 60 / .04) 65%,oklch(.2 .02 60 / .12) 100%);transition:opacity var(--t-fast) var(--ease-out)}.page-card:hover .page-card-thumb-overlay{opacity:1}.page-card-thumb-open{display:inline-flex;align-items:center;padding:.25rem .625rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;letter-spacing:.02em;box-shadow:var(--shadow-sm)}.page-card-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-height:0}.page-card-title{font-family:var(--font-sans);font-weight:600;font-size:1rem;letter-spacing:-.005em;line-height:1.35;color:var(--text);background:none;border:0;padding:0;text-align:left;cursor:text;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-card-title:hover{color:var(--accent)}.page-card-title-input{font-family:var(--font-sans);font-weight:600;font-size:1rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.25rem .5rem;width:100%;background:var(--surface);color:var(--text)}.page-card-meta{display:flex;align-items:baseline;gap:.4rem;font-size:.75rem;color:var(--text-soft);flex-wrap:wrap}.page-card-slug{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-decoration:none;font-feature-settings:"tnum"}.page-card-slug:hover{color:var(--text);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:2px}.page-card-dot{color:var(--border-strong)}.page-card-age{font-variant-numeric:tabular-nums}.page-card-actions{display:flex;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);align-items:center;justify-content:space-between}.page-card-actions-end{display:flex;gap:var(--space-1);align-items:center}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-soft);cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.icon-btn:hover:not(:disabled){background:var(--surface-sunk);color:var(--text);border-color:var(--border)}.icon-btn:active:not(:disabled){background:#1d140d0f}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn-with-text{display:inline-flex;align-items:center;width:auto;height:32px;padding:0 .625rem 0 .5rem;gap:.4rem;font-size:.8125rem;font-weight:500;letter-spacing:-.005em;color:var(--text-muted);white-space:nowrap}.icon-btn-with-text>span{line-height:1}.icon-btn-with-text:hover:not(:disabled){color:var(--text)}.icon-btn-delete:hover{color:var(--danger);border-color:#edc2bd;background:var(--danger-soft)}.icon-btn-danger{background:var(--danger);color:var(--surface);border-color:var(--danger)}.icon-btn-danger:hover:not(:disabled){background:#a01e23;border-color:#a01e23;color:var(--surface)}.skeleton-card{aspect-ratio:4 / 6;background:var(--surface-sunk);border:1px solid var(--border);border-radius:var(--radius);animation:skeleton-pulse 1.4s ease-in-out infinite}.page-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title meta" "url   actions";gap:var(--space-1) var(--space-4);padding:var(--space-4) var(--space-3);margin:0 calc(-1 * var(--space-3));border-bottom:1px solid var(--border);border-radius:var(--radius);transition:opacity var(--t-base) var(--ease-out),background var(--t-fast) var(--ease-out)}.page-row:hover{background:var(--surface-sunk)}.page-row.is-deleting{opacity:.35;pointer-events:none}.page-row-title{grid-area:title;font-weight:600;font-size:1.0625rem;letter-spacing:-.005em;border:0;background:none;padding:0;color:var(--text);text-align:left;cursor:text;line-height:1.3}.page-row-title:hover{color:var(--accent)}.page-row-title-input{font-weight:600;font-size:1.0625rem;font-family:var(--font-sans);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.25rem .5rem;width:100%;background:var(--surface);color:var(--text)}.page-row-url{grid-area:url;display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:.8125rem;color:var(--text-muted);font-feature-settings:"tnum"}.page-row-url a{color:var(--text-muted);text-decoration-color:transparent}.page-row-url a:hover{color:var(--text);text-decoration-color:var(--border-strong)}.page-row-meta{grid-area:meta;font-size:.8125rem;color:var(--text-soft);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:start;padding-top:.2rem}.page-row-actions{grid-area:actions;display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--t-fast) var(--ease-out)}.page-row:hover .page-row-actions,.page-row:focus-within .page-row-actions{opacity:1}.dragdrop{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-5);background:var(--surface);text-align:center;transition:border-color var(--t-base) var(--ease-out),background var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out);overflow:hidden}.dragdrop.is-dragover{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.005)}.dragdrop.is-uploading{pointer-events:none}.dragdrop.is-error{border-color:var(--danger);background:var(--danger-soft)}.dragdrop-copy{position:relative;margin:0 0 var(--space-3);font-family:var(--font-display);font-weight:400;font-style:italic;font-size:1.5rem;letter-spacing:-.01em;font-variation-settings:"opsz" 40;color:var(--text);line-height:1.2}.dragdrop-error{position:relative;color:var(--danger);font-family:var(--font-sans);font-style:normal;font-weight:500;font-size:1rem;margin:0 0 var(--space-3)}.dragdrop .btn{position:relative;z-index:1}.dragdrop.is-uploading .dragdrop-copy{font-family:var(--font-sans);font-style:normal;font-size:1rem;color:var(--text-muted)}.settings-section{padding:var(--space-6) 0;border-bottom:1px solid var(--border)}.settings-section:last-child{border-bottom:0}.settings-section h2{font-family:var(--font-display);font-weight:400;font-style:italic;font-size:1.625rem;letter-spacing:-.015em;font-variation-settings:"opsz" 40;color:var(--text);margin:0 0 var(--space-3);line-height:1.2}.settings-section p{margin:0 0 var(--space-3);color:var(--text-muted);max-width:60ch}.settings-prefix{font-family:var(--font-mono);font-size:.8125rem;font-weight:500;background:var(--surface-sunk);color:var(--text);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border);font-feature-settings:"tnum"}.help-block{margin-top:var(--space-4);padding:var(--space-4);background:var(--surface-sunk);border-radius:var(--radius);border:1px solid var(--border);font-size:.9375rem;color:var(--text-muted);max-width:60ch}.help-block code{font-family:var(--font-mono);font-size:.8125rem;background:var(--surface);padding:.1rem .3rem;border-radius:4px;border:1px solid var(--border);color:var(--text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c140e80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.modal{background:var(--surface);border-radius:var(--radius);padding:var(--space-6) var(--space-6) var(--space-5);max-width:520px;width:100%;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.modal h2{font-family:var(--font-display);font-weight:400;font-style:italic;font-size:1.625rem;letter-spacing:-.015em;font-variation-settings:"opsz" 40;margin:0 0 var(--space-3);line-height:1.2}.modal p{color:var(--text-muted);margin:0 0 var(--space-3)}.modal-warning{color:var(--danger);font-weight:500;background:var(--danger-soft);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid oklch(.85 .05 25);margin:var(--space-3) 0;font-size:.9375rem}.modal-key-field{display:flex;gap:var(--space-2);margin:var(--space-3) 0}.modal-key-input{flex:1;font-family:var(--font-mono);font-size:.8125rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;background:var(--surface-sunk);color:var(--text)}.modal-checkbox{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);font-size:.9375rem;color:var(--text-muted)}.modal-checkbox input{accent-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:.3}}.skeleton-row{height:64px;background:var(--surface-sunk);border-radius:var(--radius);border:1px solid var(--border);animation:skeleton-pulse 1.4s ease-in-out infinite}.toast-viewport{position:fixed;top:var(--space-4);right:var(--space-4);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);max-width:min(420px,calc(100vw - var(--space-5)));pointer-events:none}.toast{display:grid;grid-template-columns:1.5rem 1fr auto;gap:.625rem;align-items:start;padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);font-size:.875rem;line-height:1.4;pointer-events:auto;animation:toast-in .2s var(--ease-out);position:static;bottom:auto;left:auto;transform:none;color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:var(--success-soft);border-color:#c8dfc8}.toast-error{background:var(--danger-soft);border-color:#edc2bd}.toast-info{background:var(--info-soft);border-color:#bcd4ea}.toast-icon{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;margin-top:.1rem;border-radius:999px;color:var(--surface);font-size:.75rem;font-weight:700;line-height:1}.toast-success .toast-icon{background:var(--success)}.toast-error .toast-icon{background:var(--danger)}.toast-info .toast-icon{background:var(--info)}.toast-body{min-width:0}.toast-title{font-weight:600;color:var(--text)}.toast-description{margin-top:.125rem;color:var(--text-muted)}.toast-dismiss{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:0 .25rem;font-size:1.125rem;line-height:1;color:var(--text-soft);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.toast-dismiss:hover{color:var(--text);background:#1d140d0d}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin-right:.25rem;vertical-align:-2px}@media(max-width:719px){.app-shell{padding:var(--space-4) var(--space-4) var(--space-7)}.app-header{margin-bottom:var(--space-5)}.dragdrop-drop-hint{display:none}.dragdrop:before{display:none}.page-row{grid-template-columns:1fr;grid-template-areas:"title" "url" "meta" "actions"}.page-row-actions{opacity:1;margin-top:var(--space-2)}.page-row-meta{padding-top:0}.toast-viewport{top:auto;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);max-width:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}