@font-face{font-family:Inter;src:url(/fonts/Inter.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20A0-20BF,U+2190-21FF,U+2212,U+2215,U+2018-201F,U+2026,U+2122,U+25A0-25FF,U+2713,U+26A0,U+FFFD}:root{--c-bg: #fbfbfd;--c-surface: #ffffff;--c-surface-2: #f4f5f7;--c-surface-3: #eceef1;--c-text: #14161a;--c-text-2: #545a63;--c-text-3: #868d97;--c-border: #e2e5ea;--c-border-strong: #cbd0d8;--c-accent: #3557d8;--c-accent-hover: #2b46b3;--c-accent-soft: #eef1fd;--c-accent-text: #ffffff;--c-danger: #c0342c;--c-danger-soft: #fdeeed;--c-warn: #96631a;--c-warn-soft: #fdf5e4;--c-ok: #1f7a4d;--c-ok-soft: #eaf6ef;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--r-sm: 6px;--r-md: 9px;--r-lg: 14px;--r-full: 999px;--sh-sm: 0 1px 2px rgb(16 20 28 / .05);--sh-md: 0 2px 4px rgb(16 20 28 / .05), 0 4px 12px rgb(16 20 28 / .06);--sh-lg: 0 8px 24px rgb(16 20 28 / .1), 0 2px 6px rgb(16 20 28 / .05);--ring: 0 0 0 3px color-mix(in srgb, var(--c-accent) 28%, transparent);--t-fast: .12s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){:root{--c-bg: #0d0f13;--c-surface: #161920;--c-surface-2: #1d212a;--c-surface-3: #262b36;--c-text: #eef0f4;--c-text-2: #a3abb8;--c-text-3: #737b88;--c-border: #272c36;--c-border-strong: #39404d;--c-accent: #7b96f5;--c-accent-hover: #93a9f8;--c-accent-soft: #1a2140;--c-accent-text: #0d0f13;--c-danger: #f08a83;--c-danger-soft: #2c1917;--c-warn: #e0b464;--c-warn-soft: #2a2214;--c-ok: #6dc494;--c-ok-soft: #14261d;--sh-sm: 0 1px 2px rgb(0 0 0 / .3);--sh-md: 0 2px 4px rgb(0 0 0 / .3), 0 4px 12px rgb(0 0 0 / .35);--sh-lg: 0 8px 24px rgb(0 0 0 / .45), 0 2px 6px rgb(0 0 0 / .3)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{margin:0;min-height:100vh;font-family:var(--font);font-size:var(--fs-base);line-height:1.55;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}h1,h2,h3{margin:0;font-weight:620;letter-spacing:-.014em;line-height:1.25}h1{font-size:var(--fs-lg)}h2{font-size:var(--fs-xl)}p{margin:0}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:color-mix(in srgb,var(--c-accent) 22%,transparent)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:var(--s-4);top:var(--s-4);z-index:100;padding:var(--s-2) var(--s-4);background:var(--c-accent);color:var(--c-accent-text);border-radius:var(--r-md);box-shadow:var(--sh-lg)}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) var(--s-5);background:color-mix(in srgb,var(--c-surface) 88%,transparent);backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--c-border)}.brand{display:flex;align-items:center;gap:var(--s-2);font-weight:640;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:linear-gradient(140deg,var(--c-accent),#7a5cf0);color:#fff;font-size:14px;box-shadow:var(--sh-sm)}@media (max-width: 700px){.app-header{flex-wrap:wrap;row-gap:var(--s-2);padding:var(--s-3) var(--s-4)}.app-nav{order:3;width:100%;justify-content:center}.nav-tab{flex:1 1 0}.brand h1{font-size:var(--fs-base);white-space:nowrap}}.app-nav{display:flex;gap:var(--s-1);padding:3px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-full)}.nav-tab{padding:var(--s-1) var(--s-4);border:0;border-radius:var(--r-full);background:transparent;color:var(--c-text-2);font-size:var(--fs-sm);font-weight:560;box-shadow:none}.nav-tab:hover:not(:disabled){background:transparent;color:var(--c-text)}.nav-tab[aria-current=page]{background:var(--c-surface);color:var(--c-text);box-shadow:var(--sh-sm)}.header-tools{display:flex;align-items:center;gap:var(--s-3);margin-left:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.lang-picker select{padding:.25rem 1.5rem .25rem .5rem;font:inherit;font-size:var(--fs-xs);color:var(--c-text-2);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.lang-picker select:hover{color:var(--c-text);border-color:var(--c-border-strong)}.lang-picker select:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}main{padding:var(--s-6) var(--s-5) var(--s-7);max-width:1180px;margin:0 auto}section[data-view]{max-width:27rem;margin:0 auto}section[data-view=vault],section[data-view=settings]{max-width:none}.app-footer{max-width:1180px;margin:var(--s-6) auto 0;padding:var(--s-5);border-top:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-text-3);line-height:1.6}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--sh-md)}.card-head{margin-bottom:var(--s-5)}.card-head p{margin-top:var(--s-2);color:var(--c-text-2);font-size:var(--fs-sm)}.field{display:block;margin-bottom:var(--s-4)}.field>span{display:block;margin-bottom:var(--s-2);font-size:var(--fs-sm);font-weight:520;color:var(--c-text-2)}input,select,textarea{font:inherit;color:var(--c-text)}.field input,.field select,input[type=text],input[type=email],input[type=password],select{display:block;width:100%;padding:.5rem .75rem;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--r-md);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.field input:hover,select:hover{border-color:color-mix(in srgb,var(--c-accent) 40%,var(--c-border-strong))}.field input:focus,select:focus{outline:none;border-color:var(--c-accent);box-shadow:var(--ring)}.field input:read-only{background:var(--c-surface-2);color:var(--c-text-2);cursor:progress}button{font:inherit;font-weight:520;color:var(--c-text);padding:.4375rem .875rem;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast)}button:hover:not(:disabled){background:var(--c-surface-2);border-color:var(--c-border-strong)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button[type=submit],.btn-primary{width:100%;padding:.5625rem 1rem;background:var(--c-accent);color:var(--c-accent-text);border-color:transparent;box-shadow:var(--sh-sm)}button[type=submit]:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--c-accent-hover);box-shadow:var(--sh-md)}.btn-link{display:inline-block;margin-top:var(--s-4);padding:0;width:auto;border:none;background:none;color:var(--c-accent);font-weight:520;font-size:var(--fs-sm)}.btn-link:hover:not(:disabled){background:none;text-decoration:underline}form[aria-busy=true] button[type=submit]{position:relative;color:transparent}form[aria-busy=true] button[type=submit]:after{content:"";position:absolute;inset:0;margin:auto;width:15px;height:15px;border:2px solid color-mix(in srgb,var(--c-accent-text) 35%,transparent);border-top-color:var(--c-accent-text);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hint{font-size:var(--fs-sm);color:var(--c-text-2);line-height:1.55}.callout{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);margin:var(--s-4) 0;border-radius:var(--r-md);font-size:var(--fs-sm);line-height:1.55;border:1px solid transparent}.callout:before{flex:none;font-size:1rem;line-height:1.4}.callout-warn{background:var(--c-warn-soft);border-color:color-mix(in srgb,var(--c-warn) 32%,transparent);color:var(--c-text)}.callout-warn:before{content:"⚠";color:var(--c-warn)}.callout-info{background:var(--c-accent-soft);border-color:color-mix(in srgb,var(--c-accent) 26%,transparent)}.callout-info:before{content:"🔒"}.error{display:block;min-height:1.25em;margin-top:var(--s-3);font-size:var(--fs-sm);color:var(--c-danger)}.error:not(:empty){padding:var(--s-2) var(--s-3);background:var(--c-danger-soft);border-radius:var(--r-sm);border:1px solid color-mix(in srgb,var(--c-danger) 28%,transparent)}#notice{position:fixed;left:50%;bottom:var(--s-5);transform:translate(-50%);z-index:60;max-width:min(34rem,calc(100vw - 2rem));padding:var(--s-3) var(--s-4);background:var(--c-surface);border:1px solid var(--c-border-strong);border-left:3px solid var(--c-accent);border-radius:var(--r-md);box-shadow:var(--sh-lg);font-size:var(--fs-sm);animation:notice-in .2s cubic-bezier(.2,.8,.3,1)}#notice[data-error=true]{border-left-color:var(--c-danger);color:var(--c-danger)}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,8px)}}#status{display:inline-flex;align-items:center;gap:var(--s-2);padding:.25rem .6875rem;font-size:var(--fs-xs);font-weight:520;color:var(--c-text-2);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-full)}#status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}#status[data-status=idle],#status[data-status=saved]{color:var(--c-ok);background:var(--c-ok-soft);border-color:color-mix(in srgb,var(--c-ok) 25%,transparent)}#status[data-status=saving],#status[data-status=syncing],#status[data-status=conflict]{color:var(--c-warn);background:var(--c-warn-soft);border-color:color-mix(in srgb,var(--c-warn) 28%,transparent)}#status[data-status=syncing]:before,#status[data-status=saving]:before{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}#status[data-status=error],#status[data-status=offline]{color:var(--c-danger);background:var(--c-danger-soft);border-color:color-mix(in srgb,var(--c-danger) 28%,transparent)}.recovery-key{display:block;padding:var(--s-5) var(--s-4);margin:var(--s-4) 0;font-family:var(--font-mono);font-size:1.0625rem;font-weight:500;letter-spacing:.06em;text-align:center;word-break:break-all;user-select:all;color:var(--c-text);background:var(--c-surface-2);border:1px dashed var(--c-border-strong);border-radius:var(--r-md)}#copy-recovery{margin-bottom:var(--s-5)}.recovery-inputs{display:flex;gap:var(--s-2);flex-wrap:wrap;margin:var(--s-3) 0 var(--s-5)}.recovery-inputs label{display:flex;flex-direction:column;gap:var(--s-1);font-size:var(--fs-xs);color:var(--c-text-2)}.recovery-inputs input{width:5.5rem;padding:.4375rem .5rem;font-family:var(--font-mono);font-size:var(--fs-base);letter-spacing:.08em;text-align:center;text-transform:uppercase;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--r-sm)}.recovery-inputs input:focus{outline:none;border-color:var(--c-accent);box-shadow:var(--ring)}.toolbar{display:flex;gap:var(--s-2);align-items:center;padding:var(--s-2) var(--s-3);margin-bottom:var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.toolbar button{flex:none;padding:.4375rem .75rem;font-size:var(--fs-sm)}.toolbar .btn-quiet{color:var(--c-text-2);background:transparent;border-color:transparent}.toolbar .btn-quiet:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text)}.toolbar-sep{width:1px;height:22px;background:var(--c-border);margin:0 var(--s-1)}.toolbar-spacer{flex:1 1 auto}.search-wrap{position:relative;flex:1 1 15rem;min-width:11rem}.search-wrap:before{content:"⌕";position:absolute;left:.6875rem;top:50%;transform:translateY(-50%);font-size:1.0625rem;color:var(--c-text-3);pointer-events:none}.toolbar input[type=search]{width:100%;padding:.4375rem .75rem .4375rem 2rem;background:var(--c-surface-2);border:1px solid transparent;border-radius:var(--r-md);transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.toolbar input[type=search]:focus{outline:none;background:var(--c-surface);border-color:var(--c-accent);box-shadow:var(--ring)}.toolbar input[type=file]{display:none!important}.counts{margin:0 0 var(--s-3) var(--s-1);font-size:var(--fs-xs);color:var(--c-text-3)}.tree-container{min-height:8rem;max-height:62vh;overflow:auto;padding:var(--s-2);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);scrollbar-width:thin}.tree-container:focus-visible{border-color:var(--c-accent);box-shadow:var(--ring);outline:none}ul.tree,ul.tree ul{list-style:none;margin:0;padding:0}.tree-row{display:flex;align-items:center;gap:var(--s-2);min-width:0;padding:.25rem var(--s-2);border-radius:var(--r-sm);cursor:default;transition:background var(--t-fast)}ul.tree ul{margin-left:1.0625rem;border-left:1px solid var(--c-border)}.tree-row:hover{background:var(--c-surface-2)}.tree-row.selected{background:var(--c-accent-soft);box-shadow:inset 2px 0 0 var(--c-accent)}.tree-row.dragging{opacity:.4}.twisty{flex:none;width:18px;height:18px;padding:0;display:grid;place-items:center;font-size:9px;color:var(--c-text-3);background:none;border:none;border-radius:var(--r-sm);transition:transform var(--t-fast),background var(--t-fast)}.twisty:hover:not(:disabled){background:var(--c-surface-3);color:var(--c-text)}.icon{flex:none;display:grid;place-items:center;width:20px;height:20px;font-size:13px;border-radius:var(--r-sm)}.icon svg{display:block}.icon-folder{color:#d09a2c;background:transparent}.icon-bookmark{background:transparent}.title{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-sm)}.tree-row .title:only-of-type,.folder-row .title{font-weight:520}.url{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-xs);color:var(--c-text-3)}.warning{flex:none;padding:.0625rem .375rem;font-size:var(--fs-xs);font-weight:520;color:var(--c-danger);background:var(--c-danger-soft);border-radius:var(--r-full);white-space:nowrap}.tree-row.drop-before{box-shadow:inset 0 2px 0 0 var(--c-accent)}.tree-row.drop-after{box-shadow:inset 0 -2px 0 0 var(--c-accent)}.tree-row.drop-inside{background:var(--c-accent-soft);outline:2px dashed var(--c-accent);outline-offset:-2px}.tree-row.drop-forbidden{background:var(--c-danger-soft);outline:2px dashed var(--c-danger);outline-offset:-2px;cursor:not-allowed}.tree-empty{padding:var(--s-7) var(--s-4);text-align:center;color:var(--c-text-3)}.tree-empty strong{display:block;margin-bottom:var(--s-1);color:var(--c-text-2);font-weight:560}.help{margin-top:var(--s-4);font-size:var(--fs-sm)}.help summary{cursor:pointer;color:var(--c-text-2);padding:var(--s-2) 0;font-weight:520;list-style:none}.help summary::-webkit-details-marker{display:none}.help summary:before{content:"▸ ";color:var(--c-text-3)}.help[open] summary:before{content:"▾ "}.help summary:hover{color:var(--c-text)}.help dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--s-2) var(--s-5);margin:var(--s-2) 0 0;padding:var(--s-4);background:var(--c-surface-2);border-radius:var(--r-md)}.help dt{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-2)}.help dd{margin:0;font-size:var(--fs-sm);color:var(--c-text-2)}@media (max-width: 860px){main{padding:var(--s-4) var(--s-3) var(--s-6)}.card{padding:var(--s-5) var(--s-4)}.url{display:none}.toolbar{flex-wrap:wrap;gap:var(--s-1)}.toolbar-sep,.toolbar-spacer{display:none}.search-wrap{flex:1 1 100%;order:-1;margin-bottom:var(--s-1)}.toolbar button{flex:1 1 auto;min-width:0;font-size:var(--fs-sm)}#notice{left:var(--s-3);right:var(--s-3);transform:none;max-width:none}@keyframes notice-in{0%{opacity:0;transform:translateY(8px)}}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: more){:root{--c-border: var(--c-text-3);--c-border-strong: var(--c-text-2)}}.btn-danger-quiet{color:var(--c-danger);background:transparent;border:1px solid transparent}.btn-danger-quiet:hover{background:var(--c-danger-soft);border-color:color-mix(in srgb,var(--c-danger) 28%,transparent)}.danger-box{padding:var(--s-5);margin-bottom:var(--s-5);background:var(--c-danger-soft);border:1px solid color-mix(in srgb,var(--c-danger) 28%,transparent);border-radius:var(--r-lg)}.danger-box p{font-size:var(--fs-sm);line-height:1.65}.danger-box p+p{margin-top:var(--s-3)}.btn-danger{width:100%;color:#fff;background:var(--c-danger);border:1px solid transparent}.btn-danger:hover{background:color-mix(in srgb,var(--c-danger) 85%,black)}[data-view=cancel-deletion] [data-status=ok]{color:var(--c-success, var(--c-text))}[data-view=cancel-deletion] [data-status=error]{color:var(--c-danger)}a.brand{text-decoration:none;color:inherit}a.brand:hover,a.brand:hover h1{text-decoration:none}a.brand:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:var(--r-sm)}.warn{padding:.75rem .9rem;font-size:var(--fs-sm);line-height:1.55;color:#8a4b00;background:#d9770617;border-left:3px solid #d97706;border-radius:0 var(--r-sm) var(--r-sm) 0;text-align:left}@media (prefers-color-scheme: dark){.warn{color:#f0b866;background:#d9770626}}.qr{display:inline-block;width:13.5rem;padding:var(--s-3);margin:var(--s-3) 0;background:#fff;border:1px solid var(--c-border);border-radius:var(--r-md);line-height:0}.qr svg{display:block;width:100%;height:auto}.secret{display:inline-block;margin-top:var(--s-2);padding:var(--s-2) var(--s-3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm);letter-spacing:.08em;word-break:break-all;background:var(--c-surface-2);border-radius:var(--r-sm)}.manual summary{cursor:pointer;font-size:var(--fs-sm);color:var(--c-text-2)}.codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--s-2);margin:var(--s-3) 0;padding:0;list-style:none}.codes li{padding:var(--s-2) var(--s-3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-base);letter-spacing:.06em;text-align:center;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-sm)}.page-head{margin-bottom:var(--s-6)}.page-head p{margin-top:var(--s-2);max-width:46rem;color:var(--c-text-2);font-size:var(--fs-sm)}.settings{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:var(--s-6);align-items:start}.settings-nav{display:flex;flex-direction:column;gap:var(--s-1);position:sticky;top:5rem}.settings-tab{display:flex;flex-direction:column;gap:1px;padding:var(--s-3) var(--s-4);border:1px solid transparent;border-radius:var(--r-md);background:transparent;box-shadow:none;text-align:left}.settings-tab:hover:not(:disabled){background:var(--c-surface-2)}.settings-tab[aria-current=page]{background:var(--c-accent-soft);border-color:color-mix(in srgb,var(--c-accent) 22%,transparent)}.settings-tab-label{font-weight:600;font-size:var(--fs-base);color:var(--c-text)}.settings-tab[aria-current=page] .settings-tab-label{color:var(--c-accent)}.settings-tab-hint{font-size:var(--fs-xs);color:var(--c-text-3);line-height:1.4}.settings-panel{display:flex;flex-direction:column;gap:var(--s-4);max-width:46rem}.panel-head h3{font-size:var(--fs-lg)}.panel-head h4{margin:0;font-size:var(--fs-base);font-weight:620}.panel-head p{margin-top:var(--s-2);max-width:46rem;color:var(--c-text-2);font-size:var(--fs-sm)}.card-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-5)}.card-row .state-text{min-width:14rem;flex:1 1 18rem}.card-row .state-text .note{margin-top:var(--s-1)}.card-danger{border-color:color-mix(in srgb,var(--c-danger) 30%,var(--c-border))}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.actions button,.actions .btn-primary,.actions button[type=submit]{width:auto}.pill{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3);border-radius:var(--r-full);font-size:var(--fs-sm);font-weight:560;background:var(--c-surface-2);color:var(--c-text-2);border:1px solid var(--c-border)}.pill:before{content:"";width:7px;height:7px;border-radius:var(--r-full);background:currentColor}.pill-on{background:var(--c-ok-soft);color:var(--c-ok);border-color:color-mix(in srgb,var(--c-ok) 28%,transparent)}.setup-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-5);align-items:start}.setup-side{display:flex;flex-direction:column;gap:var(--s-4)}.code-input{max-width:11rem;font-family:var(--font-mono);font-size:var(--fs-xl);letter-spacing:.28em;text-align:center}@media (max-width: 860px){.settings{grid-template-columns:minmax(0,1fr)}.settings-nav{position:static;flex-direction:row;overflow-x:auto;padding-bottom:var(--s-1)}.settings-tab{flex:0 0 auto}.settings-tab-hint{display:none}.setup-grid{grid-template-columns:minmax(0,1fr)}}