:root,[data-theme=dark]{color-scheme:dark;--bg: #1a1b26;--fg: #c0caf5;--fg-dim: #a9b1d6;--fg-muted: #7e86ae;--input-bg: #24283b;--input-border: #3b3f51;--err: #f7768e}[data-theme=light]{color-scheme:light;--bg: #f6f8fa;--fg: #1f2328;--fg-dim: #3d444d;--fg-muted: #57606a;--input-bg: #f0f2f4;--input-border: #d0d7de;--err: #cf222e}.access-key-form-shell{--access-key-form-fg: var(--auth-fg, #111827);--access-key-form-muted: var(--auth-muted, #6b7280);--access-key-form-input-border: var(--auth-input-border, #e5e7eb);--access-key-form-input-bg: var(--auth-input-bg, #ffffff);--access-key-form-focus: var(--auth-focus, #111827);--access-key-form-placeholder: var(--auth-placeholder, #9ca3af);--access-key-form-error: var(--auth-error, #dc2626);--access-key-form-btn-bg: var(--auth-btn-bg, #111827);--access-key-form-btn-fg: var(--auth-btn-fg, #ffffff);--access-key-form-btn-hover: var(--auth-btn-hover, #374151);min-height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}[data-theme] .access-key-form-shell{--auth-fg: var(--fg);--auth-muted: var(--fg-muted);--auth-input-bg: var(--input-bg);--auth-input-border: var(--input-border);--auth-focus: var(--fg);--auth-placeholder: var(--fg-muted);--auth-error: var(--err);--auth-btn-bg: var(--fg);--auth-btn-fg: var(--bg);--auth-btn-hover: var(--fg-dim)}.access-key-form,.access-key-form__input,.access-key-form__submit{box-sizing:border-box;font:inherit}.access-key-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:18rem}.access-key-form__title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:var(--access-key-form-fg)}.access-key-form__input{width:100%;height:2.75rem;padding:0 .875rem;border:1px solid var(--access-key-form-input-border);border-radius:8px;background:var(--access-key-form-input-bg);color:var(--access-key-form-fg);font-size:.9375rem;transition:border-color .15s ease}.access-key-form__input:focus{outline:none;border-color:var(--access-key-form-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--access-key-form-focus) 10%,transparent)}.access-key-form__input::placeholder{color:var(--access-key-form-placeholder)}.access-key-form__error{margin:0;font-size:.8125rem;color:var(--access-key-form-error)}.access-key-form__submit{width:100%;height:2.75rem;padding:0 .875rem;border:none;border-radius:8px;background:var(--access-key-form-btn-bg);color:var(--access-key-form-btn-fg);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.access-key-form__submit:hover:not(:disabled){background:var(--access-key-form-btn-hover)}.access-key-form__submit:active:not(:disabled){transform:scale(.98)}.access-key-form__submit:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-card);padding:1rem;display:flex;flex-direction:column;contain:style}.grid>.card{border-left:1px solid var(--input-border);border-top:1px solid var(--input-border)}[data-look=bubbly] .grid>.card{border-left:none;border-top:none}.card-error{box-shadow:inset 0 2px 0 var(--err)}[data-look=bubbly] .card{border-radius:16px;border:1px solid var(--input-border);box-shadow:0 2px 8px #00000040;transition:box-shadow .15s ease}[data-look=bubbly] .card:hover{box-shadow:0 8px 24px #00000080}[data-look=bubbly] .card-error{box-shadow:inset 0 2px 0 var(--err),0 2px 8px #00000040}[data-look=bubbly] .card-error:hover{box-shadow:inset 0 2px 0 var(--err),0 8px 24px #00000080}.card-title{color:var(--fg-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding-bottom:.375rem;margin-bottom:.375rem;border-bottom:1px solid var(--input-border)}.card-error-msg{font-size:.875rem;margin-top:.25rem;color:var(--err)}.card-skel-wrap{position:relative;flex:1}.card-skel-wrap .card-items{height:100%}.item-skel-hidden .skel-bar,.item-skel-hidden .media-wrap{visibility:hidden;animation:none}.card-error-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.card-items{display:flex;flex-direction:column;gap:.5rem;font-variant-numeric:tabular-nums;color:var(--fg-dim);flex:1;min-height:0}.empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--fg-muted)}.card-tabs-wrapper{position:fixed;top:0;left:0;right:0;display:flex;align-items:stretch;border-bottom:1px solid var(--input-border);background:var(--bg);z-index:100}.card-tabs{display:flex;flex:1;min-width:0;padding:0 .25rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;justify-content:safe center;touch-action:pan-x}.card-tabs::-webkit-scrollbar{display:none}.card-tab{flex-shrink:0;background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;color:var(--fg-muted);font-size:1.05rem;font-weight:500;letter-spacing:.02em;padding:.875rem 1rem .75rem;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:pan-x;transition:color .12s,border-color .12s}.card-tab:hover{color:var(--fg-dim)}.card-tab:active{opacity:.6}.card-tab-active{color:var(--fg);border-bottom-color:var(--fg);font-weight:600}.card-tab-error{color:var(--err)}[data-look=bubbly] .card-tab{border:1px solid var(--input-border);border-radius:6px;margin:.375rem .25rem;padding:.375rem .875rem}[data-look=bubbly] .card-tab-active{border-color:var(--fg)}.card-page{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}.card-page .grid{align-content:start}.card-page::-webkit-scrollbar{display:none}.card :focus-visible{outline-offset:-2px}.item{display:flex;align-items:center;gap:.5rem;min-height:1.625rem}.item-label{color:var(--fg-muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;font-weight:500;width:max-content;min-width:3rem;max-width:40%;flex-shrink:0}.item-list{flex-direction:column;align-items:stretch;gap:.5rem}.dot{--tone-solid: var(--input-border);--tone-opacity: 1;--tone-animation: none;width:12px;height:12px;border-radius:50%;flex-shrink:0;background:var(--tone-solid);opacity:var(--tone-opacity);animation:var(--tone-animation)}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.tone-ok{--tone-solid: var(--ok);--tone-bg: color-mix(in srgb, var(--ok) 15%, transparent);--tone-border: color-mix(in srgb, var(--ok) 45%, transparent);--tone-fg: var(--ok)}.tone-warn{--tone-solid: var(--warn);--tone-bg: color-mix(in srgb, var(--warn) 15%, transparent);--tone-border: color-mix(in srgb, var(--warn) 45%, transparent);--tone-fg: var(--warn)}.tone-err,.tone-error{--tone-solid: var(--err);--tone-bg: color-mix(in srgb, var(--err) 15%, transparent);--tone-border: color-mix(in srgb, var(--err) 45%, transparent);--tone-fg: var(--err);--tone-animation: dot-pulse 2s ease-in-out infinite}.tone-unknown{--tone-solid: var(--fg-muted);--tone-bg: color-mix(in srgb, var(--fg-muted) 15%, transparent);--tone-border: color-mix(in srgb, var(--fg-muted) 45%, transparent);--tone-fg: var(--fg-muted);--tone-opacity: .7}.tone-neutral{--tone-solid: var(--input-border);--tone-bg: var(--input-bg);--tone-border: var(--input-border);--tone-fg: var(--fg-dim)}.toggle{position:relative;width:44px;height:24px;background:var(--input-border);border:none;border-radius:12px;transition:background .12s ease}.toggle:after{content:"";position:absolute;inset:-10px}.toggle-on{background:var(--ok)}.toggle-thumb{position:absolute;top:2px;inset-inline-start:2px;width:20px;height:20px;border-radius:50%;background:var(--fg);transition:transform .12s ease}.toggle-on .toggle-thumb{transform:translate(20px)}.text-value{background:none;border:1px solid var(--input-border);color:var(--fg-dim);padding:.25rem .375rem;border-radius:6px;text-align:start;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:var(--control-height);cursor:text;transition:background .12s,border-color .12s}.text-value:hover{background:var(--input-bg);border-color:var(--fg-muted)}.text-input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--fg);padding:.25rem .375rem;border-radius:6px;flex:1;min-width:0;min-height:var(--control-height);-webkit-user-select:text;user-select:text}.select-input{appearance:none;background:var(--input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%237e86ae'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E") no-repeat right .25rem center;border:1px solid var(--input-border);color:var(--fg);padding:.25rem 1.5em .25rem .375rem;border-radius:6px;width:100%;min-height:var(--control-height);transition:border-color .12s}.select-input:hover{border-color:var(--fg-muted)}[data-theme=light] .select-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2357606a'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E")}[data-theme=pink] .select-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%237a1a45'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E")}.item-media{flex-direction:column;align-items:flex-start;flex:1;min-height:0}.item-media .item-label{display:none}.item-media .field-link{display:flex;flex-direction:column;width:100%;flex:1;min-height:0}.item-media .media-wrap{position:relative;width:100%;flex:1;aspect-ratio:16 / 9;border-radius:4px;overflow:hidden;background:var(--input-bg)}.item-media .media-wrap-pending:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,var(--input-border) 50%,transparent 100%);animation:shimmer 1.1s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.item-media .media-wrap-pending img,.item-media .media-wrap-pending video{opacity:0}.item-media .media-wrap img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .2s ease}.item-media .media-wrap video{display:block;width:100%;height:100%}.item-media .media-wrap iframe{display:block;width:100%;height:100%;border:none}.skel-bar{position:relative;overflow:hidden;width:5rem;height:.875rem;border-radius:3px;background:var(--input-bg)}.skel-bar:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,var(--input-border) 50%,transparent 100%);animation:shimmer 1.1s ease-in-out infinite}.list-value{display:flex;flex-direction:column}.list-entry{padding:.375rem 0}.list-entry+.list-entry{border-top:1px solid var(--input-border)}.list-entry-fields{display:flex;flex-direction:column;gap:.25rem}.list-entry-fields .item-label{font-size:.875rem;text-transform:none;letter-spacing:normal;font-weight:inherit}.item-table{flex-direction:column;align-items:stretch;gap:.5rem}.table-value{width:100%;border-collapse:collapse;font-size:.8125rem}.table-value th{color:var(--fg-muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;font-weight:500;text-align:start;padding:.25rem .5rem .375rem 0;border-bottom:1px solid var(--input-border);white-space:nowrap}.table-value td{padding:.3rem .5rem .3rem 0;border-bottom:1px solid color-mix(in srgb,var(--input-border) 50%,transparent);vertical-align:top}.table-value tr:last-child td{border-bottom:none}.table-value td .item{min-height:0;gap:.375rem}.table-value td .item-label{display:none}.item-stack{flex-direction:column;align-items:stretch;gap:.5rem}.stack-value{display:flex;flex-direction:column;gap:.5rem}.stack-item{min-height:1.5rem}.stack-nav{display:flex;align-items:center;justify-content:space-between}.stack-btn{min-width:2rem;min-height:2rem;padding:.25rem .5rem;border:none;background:none;color:var(--fg-muted);font-size:1.25em;cursor:pointer;line-height:1}@media(pointer:coarse){.stack-btn{min-width:2.75rem;min-height:2.75rem}}.stack-counter{font-size:.75em;color:var(--fg-muted)}.badge{--tone-bg: var(--input-bg);--tone-border: var(--input-border);--tone-fg: var(--fg-dim);--tone-animation: none;display:inline-block;padding:.1em .55em;border-radius:999px;font-size:.75rem;font-weight:500;background:var(--tone-bg);border:1px solid var(--tone-border);color:var(--tone-fg);letter-spacing:.02em;white-space:nowrap;animation:var(--tone-animation)}.item-action{flex:1}.item-action .item-label{display:none}.action-btn{background:var(--input-bg);border:1px solid var(--input-border);color:var(--fg-dim);padding:.375rem .75rem;border-radius:6px;min-height:var(--control-height);width:100%;transition:background .12s,border-color .12s,color .12s}.action-btn:hover:not(:disabled){background:var(--input-border);border-color:var(--fg-muted);color:var(--fg)}.action-btn:disabled{cursor:default}.item-stat{flex-direction:column;align-items:flex-start;gap:.2rem}.stat-value{font-size:1.75rem;font-weight:600;color:var(--fg);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat-unit{font-size:.55em;font-weight:400;color:var(--fg-muted);margin-left:.15em;letter-spacing:0}.progress-track{flex:1;height:6px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--ok);transition:width .25s ease;min-width:2px}.progress-value{font-size:.75em;color:var(--fg-muted);white-space:nowrap}.item-chart{flex-direction:column;align-items:stretch;gap:.25rem;flex:1;min-height:0}.xy-chart{display:flex;flex-direction:column;gap:.2rem;flex:1;min-height:0}.xy-body{display:flex;gap:.3rem;flex:1;min-height:0;align-items:stretch}.xy-axis{display:flex;flex-direction:column;justify-content:space-between;width:3rem;font-size:.55rem;color:var(--fg-muted);opacity:.72;text-align:right;white-space:nowrap;line-height:1;flex-shrink:0}.xy-svg{display:block;width:100%;height:100%;overflow:visible}.xy-plot{position:relative;flex:1;min-height:0;touch-action:none;border:1px solid color-mix(in srgb,var(--input-border) 78%,transparent);border-radius:.75rem;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 92%,var(--input-bg)),color-mix(in srgb,var(--bg-card) 96%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--fg) 4%,transparent)}.xy-x-axis{display:flex;justify-content:space-between;gap:.5rem;padding-left:3.3rem;font-size:.55rem;color:var(--fg-muted);opacity:.78;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.xy-tooltip{position:absolute;top:.5rem;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.18rem;max-width:calc(100% - 1rem);padding:.35rem .45rem;border:1px solid color-mix(in srgb,var(--input-border) 85%,transparent);border-radius:.6rem;background:color-mix(in srgb,var(--bg-card) 94%,transparent);color:var(--fg);font-size:.6rem;line-height:1.1;white-space:nowrap;pointer-events:none;box-shadow:0 10px 24px color-mix(in srgb,var(--bg) 42%,transparent),inset 0 1px color-mix(in srgb,var(--fg) 5%,transparent);backdrop-filter:blur(12px)}.xy-tooltip-start{transform:translate(0)}.xy-tooltip-center{transform:translate(-50%)}.xy-tooltip-end{transform:translate(-100%)}.xy-tooltip-label{color:var(--fg-muted);font-size:.55rem}.xy-tooltip-value{font-weight:600;color:var(--fg);font-variant-numeric:tabular-nums}.xy-grid{stroke:color-mix(in srgb,var(--input-border) 82%,transparent);stroke-width:.75;stroke-dasharray:2.5 3;vector-effect:non-scaling-stroke}.xy-area{fill:var(--ok);opacity:.08;pointer-events:none}.xy-line{fill:none;stroke:var(--ok);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--ok) 18%,transparent))}.xy-focus-line{stroke:color-mix(in srgb,var(--link) 65%,var(--fg-muted));stroke-width:.75;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.xy-focus-point{position:absolute;width:.7rem;height:.7rem;border-radius:999px;transform:translate(-50%,-50%);border:2px solid var(--bg-card);background:var(--link);box-shadow:0 0 0 4px color-mix(in srgb,var(--link) 18%,transparent),0 6px 16px color-mix(in srgb,var(--bg) 28%,transparent);pointer-events:none}.item-separator{display:block;min-height:0}.item-separator hr{border:none;border-top:1px solid var(--input-border)}.field-link{color:var(--link);text-decoration:none;overflow-wrap:break-word}.field-link:hover{text-decoration:underline;text-decoration-color:var(--link);text-underline-offset:2px}:root{--control-height: 2rem;--font: ui-monospace, Menlo, Consolas, monospace}@media(pointer:coarse){:root{--control-height: 2.75rem}}:root,[data-theme=dark]{color-scheme:dark;--bg: #1a1b26;--bg-card: #1f2335;--fg: #c0caf5;--fg-dim: #a9b1d6;--fg-muted: #7e86ae;--ok: #9ece6a;--warn: #e0af68;--err: #f7768e;--input-bg: #24283b;--input-border: #3b3f51;--link: #7dcfff}[data-theme=gruvbox]{color-scheme:dark;--bg: #282828;--bg-card: #32302f;--fg: #ebdbb2;--fg-dim: #d5c4a1;--fg-muted: #a89984;--ok: #b8bb26;--warn: #d79921;--err: #ff5340;--input-bg: #3c3836;--input-border: #504945;--link: #83a598}[data-theme=red]{color-scheme:dark;--bg: #0d0d0d;--bg-card: #181818;--fg: #e8e8e8;--fg-dim: #c0c0c0;--fg-muted: #888888;--ok: #44cc44;--warn: #ffbb33;--err: #ff4444;--input-bg: #1e1e1e;--input-border: #cc2200;--link: #ff4422}[data-theme=solarized]{color-scheme:dark;--bg: #002b36;--bg-card: #073642;--fg: #eee8d5;--fg-dim: #93a1a1;--fg-muted: #849aaa;--ok: #859900;--warn: #b58900;--err: #ff5050;--input-bg: #073642;--input-border: #174552;--link: #4da8e0}[data-theme=light]{color-scheme:light;--bg: #f6f8fa;--bg-card: #ffffff;--fg: #1f2328;--fg-dim: #3d444d;--fg-muted: #57606a;--ok: #1a7f37;--warn: #9a6700;--err: #cf222e;--input-bg: #f0f2f4;--input-border: #d0d7de;--link: #0969da}[data-theme=purple]{color-scheme:dark;--bg: #12001f;--bg-card: #1e0035;--fg: #f0e6ff;--fg-dim: #d4b8f0;--fg-muted: #a07cc5;--ok: #7ec850;--warn: #ffb86c;--err: #ff6b8a;--input-bg: #280045;--input-border: #5a2d82;--link: #bb86fc}[data-theme=pink]{color-scheme:light;--bg: #f9a8c9;--bg-card: #fcd3e5;--fg: #2d0018;--fg-dim: #5a0030;--fg-muted: #7a1a45;--ok: #1a6028;--warn: #a55c00;--err: #b80028;--input-bg: #f5b8d4;--input-border: #e07aaa;--link: #b8005a}html,body{height:100%;overflow:hidden;background:var(--bg)}html{font-size:16px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font:1rem/1.5 var(--font);color:var(--fg-dim);overscroll-behavior:none}ul,ol{list-style:none}button,input,select{font:inherit}button,select{cursor:pointer;touch-action:manipulation}:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.card-items{gap:.5rem}#root{position:fixed;inset:0;display:flex;flex-direction:column}[data-tab-bar=visible] #root{padding-top:3.25rem}[data-look=bubbly] #root{padding-left:.75rem;padding-right:.75rem}main{flex:1;min-height:0;display:flex;flex-direction:column}.grid{flex:1;min-height:0;display:grid;overflow-y:auto;overscroll-behavior-y:contain;border-right:1px solid var(--input-border);border-bottom:1px solid var(--input-border);scrollbar-width:thin;scrollbar-color:var(--input-border) transparent;animation:fade-in .2s ease-out both}[data-look=bubbly] .grid{gap:1rem;padding:1.5rem 0;border:none}@keyframes fade-in{0%{opacity:0}}.grid::-webkit-scrollbar{width:6px}.grid::-webkit-scrollbar-thumb{background:var(--input-border);border-radius:3px}.grid>.card{min-width:0;min-height:0;overflow:hidden}.grid-separator{min-width:0;pointer-events:none}.settings-menu{position:fixed;bottom:.75rem;left:.75rem;z-index:9999}.settings-btn{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-card);border:1px solid var(--input-border);color:var(--fg-muted);font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040;transition:box-shadow .15s,color .15s}.settings-icon{font-size:2rem;line-height:1}.settings-btn:hover{box-shadow:0 4px 16px #0006;color:var(--fg)}.settings-action{width:50%;background:none;border:1px solid var(--input-border);border-radius:6px;color:var(--fg-dim);padding:.5rem .75rem;transition:background .12s,border-color .12s,color .12s}.settings-action:hover{background:var(--input-bg);border-color:var(--fg-muted);color:var(--fg)}.settings-row{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:.5rem;padding:.625rem .875rem;color:var(--fg-dim)}.settings-modal-backdrop{position:fixed;inset:0;z-index:500;background:#0006;animation:fade-in .15s ease-out}.settings-modal{position:absolute;bottom:3.25rem;left:0;width:min(320px,calc(100vw - 1rem));background:var(--bg-card);border:1px solid var(--input-border);border-radius:8px;box-shadow:0 8px 32px #0009;overflow:hidden;animation:modal-up .15s ease-out}@keyframes modal-up{0%{opacity:0;transform:translateY(6px)}}.settings-panel{display:flex;flex-direction:column}.settings-panel-header{display:flex;justify-content:flex-end;align-items:center;height:2.5rem;padding:0 .5rem;border-bottom:1px solid var(--input-border);flex-shrink:0}.settings-actions{display:flex;gap:.75rem;padding:1rem .875rem}