:root{--brand-1:#5c6bfa;--brand-2:#9e4ded;--brand-grad:linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%);--brand-soft:linear-gradient(135deg, #5c6bfa24, #9e4ded24);--bg:#f4f4fa;--text:#15151c;--muted:#6c6c7a;--separator:#3c3c431f;--fill:#7676801a;--fill-strong:#76768029;--glass:#ffffffad;--glass-strong:#ffffffd1;--glass-border:#ffffffbf;--glass-edge:#14143212;--input-bg:#ffffffd9;--code:#7676801a;--accent:#5c6bfa;--accent-text:#fff;--link:#4b59e6;--danger:#e5484d;--ok:#1f9d55;--warn:#b45309;--shadow:0 1px 2px #1414320a, 0 8px 28px #32326e14;--shadow-lift:0 2px 4px #1414320d, 0 14px 36px #32326e21;--blur:saturate(180%) blur(22px);--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--radius:20px;--radius-sm:12px;--header-h:56px;--tabbar-h:58px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--gutter:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0c0c12;--text:#f2f2f7;--muted:#9b9bab;--separator:#ffffff17;--fill:#76768033;--fill-strong:#7676804d;--glass:#20202c94;--glass-strong:#262634d1;--glass-border:#ffffff14;--glass-edge:#0000004d;--input-bg:#ffffff0f;--code:#ffffff12;--accent:#8792ff;--link:#9aa3ff;--danger:#ff6b6f;--ok:#3ddc84;--warn:#fbbf24;--shadow:0 1px 2px #0000004d, 0 10px 30px #00000059;--shadow-lift:0 2px 6px #00000059, 0 16px 40px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (min-width:768px){:root{--header-h:64px;--gutter:24px}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}html,body{margin:0;padding:0}body{background:var(--bg);min-height:100dvh;color:var(--text);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60vmax 50vmax at 0 -10%,#5c6bfa29,#0000 60%),radial-gradient(55vmax 45vmax at 100% 0,#9e4ded21,#0000 60%),radial-gradient(50vmax 40vmax at 50% 110%,#5c6bfa14,#0000 60%);position:fixed;inset:0}@media (prefers-color-scheme:dark){body:before{background:radial-gradient(60vmax 50vmax at 0 -10%,#5c6bfa38,#0000 60%),radial-gradient(55vmax 45vmax at 100% 0,#9e4ded2e,#0000 60%),radial-gradient(50vmax 40vmax at 50% 110%,#5c6bfa1a,#0000 60%)}}a{color:var(--link);text-decoration:none}@media (hover:hover){a:hover{text-decoration:underline}}code,pre,kbd,.mono{font-family:var(--mono);font-size:13px}h1{letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:750;line-height:1.2}h2{letter-spacing:-.01em;margin:0 0 8px;font-size:17px;font-weight:650;line-height:1.3}h3{margin:0}p{margin:0 0 10px}ul.list,ul.rows{margin:0;padding:0;list-style:none}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}::selection{background:#5c6bfa47}.wrap{max-width:980px;padding:0 max(var(--gutter), var(--safe-right)) calc(var(--tabbar-h) + var(--safe-bottom) + 40px) max(var(--gutter), var(--safe-left));margin:0 auto}@media (min-width:768px){.wrap{padding-bottom:72px}}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{flex:1}.grow{flex:1;width:auto}.stack>*+*{margin-top:12px}.stack>*{margin-bottom:0}.error{color:var(--danger)}.success{color:var(--ok)}.notice{background:var(--code);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px}.card,.item,.skeleton-card,.topbar,.tabbar,.glass-btn,.days button{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.card{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow), 0 0 0 .5px var(--glass-edge);border-radius:var(--radius);margin-bottom:12px;padding:18px}@media (min-width:768px){.card{padding:22px}}.topbar{z-index:20;padding:var(--safe-top) max(var(--gutter), var(--safe-right)) 0 max(var(--gutter), var(--safe-left));background:var(--glass-strong);border-bottom:.5px solid var(--separator);margin-inline:calc(50% - 50vw);position:sticky;top:0}.topbar-inner{max-width:948px;height:var(--header-h);align-items:center;gap:16px;margin:0 auto;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;min-height:44px;font-size:18px;font-weight:750;display:flex}.brand:hover{text-decoration:none}.brand img{filter:drop-shadow(0 3px 8px #5c6bfa59);width:30px;height:30px}.topbar .links{display:none}.topbar .logout{margin-left:auto}.logout-label{display:none}@media (min-width:768px){.topbar .links{background:var(--fill);border-radius:14px;gap:2px;margin:0 auto;padding:3px;display:flex}.topbar .links a{min-height:38px;color:var(--muted);border-radius:11px;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.topbar .links a:hover{color:var(--text);text-decoration:none}.topbar .links a.active{color:var(--text);background:var(--glass-strong);box-shadow:0 1px 3px #00000014, 0 0 0 .5px var(--glass-edge)}.topbar .links a.active svg{color:var(--accent)}.topbar .logout{gap:6px;width:auto;margin-left:0;padding:0 12px}.logout-label{font-size:14px;font-weight:600;display:inline}}.tabbar{z-index:20;padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--glass-strong);border-top:.5px solid var(--separator);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{min-height:var(--tabbar-h);color:var(--muted);letter-spacing:.01em;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;transition:color .2s;display:flex}.tabbar a:hover{text-decoration:none}.tabbar a.active{color:var(--accent)}.tabbar a:active svg{transform:scale(.9)}.tabbar svg{transition:transform .15s}@media (min-width:768px){.tabbar{display:none}}.page-header{align-items:flex-end;gap:12px;margin:22px 2px 14px;display:flex}.page-header h1{letter-spacing:-.03em;margin:0;font-size:32px;font-weight:800}.page-header p{margin:2px 0 0}.page-header-text{flex:1;min-width:0}@media (min-width:768px){.page-header{margin-top:30px;margin-bottom:18px}}input,select,textarea{font:inherit;color:var(--text);background:var(--input-bg);border:1px solid var(--separator);border-radius:var(--radius-sm);width:100%;min-height:46px;padding:10px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--muted);opacity:.8}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #5c6bfa33}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238e8e9a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--separator);background:var(--glass-strong);min-height:44px;color:var(--text);white-space:nowrap;touch-action:manipulation;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;transition:transform .12s,background-color .15s,box-shadow .15s,opacity .15s,color .15s;display:inline-flex}button:active:not(:disabled){transform:scale(.97)}@media (hover:hover){button:hover:not(:disabled){background-color:var(--fill-strong)}}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--brand-grad);color:var(--accent-text);border-color:#0000;box-shadow:0 6px 18px #5c6bfa52,inset 0 1px #ffffff2e}@media (hover:hover){button.primary:hover:not(:disabled){background:var(--brand-grad);filter:brightness(1.07)}}button.primary:disabled{box-shadow:none}button.danger{color:var(--danger)}button.danger.solid{background:var(--danger);color:#fff;border-color:#0000;box-shadow:0 6px 16px #e5484d47}button.danger.solid:disabled{box-shadow:none}button.ghost{color:var(--link);background:0 0;border-color:#0000;padding:0 12px}button.ghost.danger{color:var(--danger)}button.small{min-height:36px;padding:0 12px;font-size:13px}button.block{width:100%}button.large{border-radius:14px;min-height:52px;font-size:17px}.icon-btn{border-radius:var(--radius-sm);width:44px;height:44px;min-height:44px;color:var(--muted);background:0 0;border:0;flex:none;padding:0}@media (hover:hover){.icon-btn:hover:not(:disabled){color:var(--text);background:var(--fill)}.icon-btn.danger:hover:not(:disabled){color:var(--danger);background:#e5484d1a}}.icon-btn.copied{color:var(--ok)}.icon-btn:disabled{opacity:1}.glass-btn{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow), 0 0 0 .5px var(--glass-edge);color:var(--text)}.spinning svg{animation:.9s linear infinite spin}.secret{font-family:var(--mono);word-break:break-all;white-space:pre-wrap;background:var(--code);border-radius:var(--radius-sm);-webkit-user-select:all;user-select:all;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.5}details summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.search{top:calc(var(--header-h) + var(--safe-top));z-index:10;margin:0 calc(-1 * var(--gutter)) 6px;padding:8px var(--gutter) 18px;background:color-mix(in srgb, var(--bg) 25%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;-webkit-mask-image:linear-gradient(#000 calc(100% - 14px),#0000);mask-image:linear-gradient(#000 calc(100% - 14px),#0000)}.search-row{align-items:center;gap:10px;display:flex}.search-field{background:var(--glass);border:1px solid var(--glass-border);min-width:0;height:46px;box-shadow:var(--shadow), 0 0 0 .5px var(--glass-edge);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);cursor:text;border-radius:14px;flex:1;align-items:center;gap:8px;padding:0 6px 0 14px;transition:box-shadow .15s;display:flex}.search-field:focus-within{box-shadow:0 0 0 4px #5c6bfa38, var(--shadow)}.search-icon{color:var(--muted);flex:none}.search-field input{box-shadow:none;background:0 0;border:0;height:100%;min-height:0;padding:0;font-size:17px}.search-field input:focus{box-shadow:none}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.search-clear{background:var(--fill-strong);width:32px;height:32px;min-height:32px;color:var(--muted);border:0;border-radius:50%;flex:none;padding:0;position:relative}.search-clear:after{content:"";position:absolute;inset:-6px}.search-kbd{border:1px solid var(--separator);min-width:24px;color:var(--muted);text-align:center;border-radius:6px;margin-right:8px;padding:2px 7px;font-size:12px;display:none}@media (min-width:768px) and (hover:hover){.search-kbd{display:inline-block}}.chips{margin:10px calc(-1 * var(--gutter)) 0;padding:3px var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding-inline:var(--gutter);gap:8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--glass-border);background:var(--glass);min-height:36px;box-shadow:0 0 0 .5px var(--glass-edge);color:var(--text);border-radius:999px;flex:none;padding:0 15px;font-size:14px;font-weight:550;position:relative}.chip:after{content:"";position:absolute;inset:-4px -2px}.chip.on{background:var(--brand-grad);color:#fff;border-color:#0000;box-shadow:0 4px 12px #5c6bfa4d}@media (hover:hover){.chip.on:hover:not(:disabled){background:var(--brand-grad)}}.group{margin-top:8px}.group+.group{margin-top:18px}.group-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;margin:14px 6px 8px;font-size:13px;font-weight:650;display:flex}.group-title:first-letter{text-transform:uppercase}.list{gap:10px;display:grid}.item{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow), 0 0 0 .5px var(--glass-edge);border-radius:18px;gap:12px;padding:14px 14px 8px;animation:.28s ease-out both rise;display:flex}@media (min-width:768px){.item{gap:14px;padding:16px 16px 10px}}.item-icon{width:36px;height:36px;color:var(--brand-1);background:#5c6bfa21;border-radius:10px;flex:none;place-items:center;display:grid}.kind-link .item-icon{color:#0a7cf0;background:#0a84ff21}.kind-image .item-icon{color:var(--brand-2);background:#9e4ded24}.kind-file .item-icon{color:#d97706;background:#f59e0b29}@media (prefers-color-scheme:dark){.item-icon{color:#9aa4ff}.kind-link .item-icon{color:#4fa8ff}.kind-image .item-icon{color:#c08bf7}.kind-file .item-icon{color:#fbbf24}}.item .body{overflow-wrap:anywhere;flex:1;min-width:0;padding-top:6px}.item .text{white-space:pre-wrap;word-break:break-word;-webkit-line-clamp:4;line-clamp:4;cursor:pointer;-webkit-box-orient:vertical;font-size:15.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.item .text.open{-webkit-line-clamp:unset;line-clamp:unset;display:block}.more{min-height:32px;color:var(--link);background:0 0;border:0;margin-top:2px;padding:0;font-size:13.5px}@media (hover:hover){.more:hover:not(:disabled){background:0 0;text-decoration:underline}}.file-text{white-space:normal}.file-row{flex-direction:column;display:flex}.file-row+.file-row{margin-top:6px}.file-row strong{font-weight:600}.link-card{flex-direction:column;gap:1px;min-width:0;display:flex}.link-card:hover{text-decoration:none}.link-host{color:var(--text);font-size:15.5px;font-weight:650}.link-url{color:var(--link);word-break:break-all;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}@media (hover:hover){.link-card:hover .link-url{text-decoration:underline}}.thumb{border:.5px solid var(--separator);background:var(--fill);cursor:zoom-in;border-radius:14px;width:100%;max-width:440px;height:190px;min-height:0;padding:0;display:block;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb.open{cursor:zoom-out;max-width:100%;height:auto}.thumb.open img{object-fit:contain;height:auto;max-height:75vh}@media (hover:hover){.thumb:hover:not(:disabled){background:var(--fill);filter:brightness(1.03)}}.thumb-missing{border:1.5px dashed var(--separator);background:var(--fill);color:var(--text);border-radius:14px;align-items:center;gap:12px;padding:14px;font-size:14px;display:flex}.thumb-missing svg{color:var(--muted);flex:none}.item-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.item .meta{min-width:0;color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:12.5px;display:flex}.item .meta svg{color:var(--brand-2);flex:none}.item .actions{flex:none;gap:2px;margin-right:-8px;display:flex}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:48px 0;font-size:14px;display:flex}.spinner{border:2.5px solid var(--fill-strong);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.skeleton-list{gap:10px;margin-top:8px;display:grid}.skeleton-card{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow), 0 0 0 .5px var(--glass-edge);border-radius:18px;gap:12px;padding:16px 14px;display:flex}.sk{background:linear-gradient(90deg, var(--fill) 0%, var(--fill-strong) 50%, var(--fill) 100%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.4s ease-in-out infinite shimmer;display:block}.sk-icon{border-radius:10px;flex:none;width:36px;height:36px}.sk-lines{flex-direction:column;flex:1;gap:9px;padding-top:4px;display:flex}.sk-meta{width:30%;height:10px}.empty{text-align:center;padding:44px 20px 28px}.empty-icon{background:var(--brand-soft);width:68px;height:68px;color:var(--accent);border-radius:22px;place-items:center;margin:0 auto 16px;display:grid;box-shadow:inset 0 0 0 1px #5c6bfa26}.empty h2{margin-bottom:6px;font-size:19px}.empty-body{color:var(--muted);max-width:420px;margin:0 auto;font-size:14.5px}.banner{border:1px solid;border-radius:14px;align-items:flex-start;gap:10px;margin:8px 0 12px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.banner>svg{flex:none;margin-top:1px}.banner-body{flex:1;min-width:0}.banner button{flex:none;margin:-6px -6px -6px 0}.banner.error{color:var(--danger);background:#e5484d17;border-color:#e5484d38}.banner.warning{color:var(--warn);background:#f59e0b1a;border-color:#f59e0b40}.banner.success{color:var(--ok);background:#1f9d5517;border-color:#1f9d5538}.toast{z-index:30;left:50%;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 14px);color:#fff;width:max-content;max-width:calc(100% - 32px);box-shadow:var(--shadow-lift);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:#1c1c26e6;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:550;animation:.3s cubic-bezier(.2,.9,.3,1.2) both toast-in;display:flex;position:fixed;transform:translate(-50%)}.toast svg{color:#3ddc84;flex:none}@media (prefers-color-scheme:dark){.toast{color:#15151c;background:#f0f0f8eb}.toast svg{color:var(--ok);filter:brightness(.75)}}@media (min-width:768px){.toast{bottom:28px}}.feature-icon{background:var(--brand-grad);color:#fff;border-radius:17px;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 8px 20px #5c6bfa59}.feature-icon.small-icon{border-radius:12px;width:40px;height:40px}.keygate{text-align:center;max-width:520px;margin:8px auto 0;padding:26px 20px}.keygate .feature-icon{margin:0 auto 4px}.keygate input{text-align:left}.summary-layout>*{min-width:0}.days{margin:0 calc(-1 * var(--gutter)) 12px;padding:4px var(--gutter) 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;display:flex;overflow-x:auto}.days::-webkit-scrollbar{display:none}.days button{background:var(--glass);border:1px solid var(--glass-border);width:60px;min-height:74px;box-shadow:var(--shadow), 0 0 0 .5px var(--glass-edge);border-radius:16px;flex-direction:column;flex:none;gap:0;padding:8px 0;line-height:1.2}.day-weekday,.day-month{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.day-num{letter-spacing:-.02em;font-size:22px;font-weight:750}.day-iso{display:none}.days button.on{background:var(--brand-grad);color:#fff;border-color:#0000;box-shadow:0 6px 16px #5c6bfa52}.days button.on .day-weekday,.days button.on .day-month{color:#ffffffd9}.summary-card{padding:18px}.summary-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.summary-head h2{margin:0;font-size:20px}.summary-head h2:first-letter{text-transform:uppercase}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0 0 2px;font-size:12px;font-weight:650}.icon-label{flex:none;padding:0 14px}@media (min-width:768px){.summary-layout{grid-template-columns:210px 1fr;align-items:start;gap:20px;display:grid}.days{top:calc(var(--header-h) + 20px);border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow), 0 0 0 .5px var(--glass-edge);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);max-height:calc(100vh - var(--header-h) - 40px);flex-direction:column;gap:4px;margin:0;padding:6px;position:sticky;overflow-y:auto}.days button{width:auto;min-height:42px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:12px;flex-direction:row;justify-content:flex-start;gap:6px;padding:0 12px;font-weight:500}.day-num{order:1;font-size:15px;font-weight:650}.day-weekday{text-transform:capitalize;letter-spacing:0;color:var(--muted);order:0;width:32px;font-size:14px}.day-month{text-transform:none;letter-spacing:0;color:var(--text);order:2;font-size:14px;font-weight:500}.summary-card{padding:28px 32px}.summary-head h2{font-size:24px}}.markdown{font-size:15.5px;line-height:1.6}.markdown h1{margin:14px 0 8px;font-size:21px}.markdown h2{border-bottom:.5px solid var(--separator);margin:26px 0 10px;padding-bottom:6px;font-size:17px}.markdown h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:16px 0 6px;font-size:12.5px}.markdown pre{background:var(--code);border-radius:var(--radius-sm);-webkit-overflow-scrolling:touch;padding:12px 14px;font-size:13px;overflow-x:auto}.markdown :not(pre)>code{background:var(--code);border-radius:6px;padding:1px 6px;font-size:.88em}.markdown blockquote{border-left:3px solid var(--brand-2);color:var(--muted);margin:8px 0;padding:2px 0 2px 14px}.markdown ul,.markdown ol{padding-left:22px}.markdown li{word-break:break-word;margin:4px 0}.markdown li::marker{color:var(--accent)}.markdown img{border-radius:var(--radius-sm);max-width:100%}.markdown table{border-collapse:collapse;display:block;overflow-x:auto}.markdown th,.markdown td{border-bottom:.5px solid var(--separator);text-align:left;padding:6px 10px}.section-head{align-items:center;gap:10px;display:flex}.section-head h2{flex:1;min-width:0;margin:0}.section-icon{background:var(--brand-grad);color:#fff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.section-detail{color:var(--muted);background:var(--code);border-radius:6px;padding:2px 8px;font-size:12px}.danger-zone .section-icon{background:var(--danger)}.danger-zone h2{color:var(--danger)}.rows{background:var(--fill);border-radius:14px;overflow:hidden}.row-item{align-items:center;gap:10px;min-height:58px;padding:8px 6px 8px 14px;display:flex}.row-item+.row-item{border-top:.5px solid var(--separator)}.row-item.revoked .row-main{opacity:.5}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-meta{color:var(--muted);font-size:12.5px}.badge{background:var(--fill-strong);color:var(--muted);border-radius:999px;flex:none;margin-right:8px;padding:3px 10px;font-size:12px;font-weight:600}.create-row{flex-direction:column;gap:10px;display:flex}@media (min-width:640px){.create-row{flex-direction:row}.create-row input{flex:1}.create-row button{flex:none}}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button-row button{flex:auto}@media (min-width:640px){.button-row button{flex:none}}.new-token{box-shadow:0 0 0 4px #5c6bfa1f, var(--shadow-lift);border-color:#5c6bfa73;animation:.3s ease-out both rise}.key-status{align-items:center;gap:8px;display:flex}.dot{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px}.dot.ok{background:var(--ok);box-shadow:0 0 0 3px #1f9d552e}.auth{max-width:440px;min-height:100dvh;padding:calc(28px + var(--safe-top)) max(20px, var(--safe-right)) calc(28px + var(--safe-bottom)) max(20px, var(--safe-left));flex-direction:column;justify-content:center;margin:0 auto;display:flex}.auth-hero{text-align:center;margin-bottom:24px}.app-icon{filter:drop-shadow(0 12px 26px #5c6bfa6b);margin:0 auto;display:block}.auth-hero h1{letter-spacing:-.03em;margin:14px 0 4px;font-size:34px;font-weight:800}.auth-hero p{max-width:300px;margin:0 auto;font-size:15px}.auth-card{width:100%;margin:0;padding:22px 20px}.auth-card h1{font-size:26px}.auth-card button.primary{width:100%}.auth-card ul{margin:0;padding-left:20px}.auth-card li{margin:4px 0}.auth-card .qr{margin:0 auto;display:block}.divider{color:var(--muted);text-align:center;align-items:center;gap:12px;font-size:12.5px;display:flex}.divider:before,.divider:after{content:"";background:var(--separator);flex:1;min-width:20px;height:.5px}.otp-form{gap:10px;display:flex}.otp-form .otp{text-align:center;letter-spacing:.18em;font-variant-numeric:tabular-nums;flex:1;min-width:0;min-height:52px;font-size:20px}.otp-form button{min-height:52px}.auth-foot{text-align:center;margin:18px 0 0}.qr{background:#fff;border-radius:14px;width:236px;padding:10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)scale(.96)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.spinner,.spinning svg,.sk{animation:none!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--glass:#fff;--glass-strong:#fff}@media (prefers-color-scheme:dark){:root{--glass:#1c1c26;--glass-strong:#20202b}}}
