.vw{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px 22px}.vw__inner{width:100%;max-width:600px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:44px 40px 36px}.vw__mark{font-size:1.6rem;color:var(--accent);text-align:center;margin-bottom:14px;text-shadow:var(--shadow-glow)}.vw__title{font-family:var(--serif);font-weight:600;font-size:2rem;text-align:center;letter-spacing:-.01em}.vw__lede{font-family:var(--serif);font-size:1.18rem;line-height:1.6;color:var(--ink-soft);text-align:center;margin:14px auto 30px;max-width:46ch}.vw__points{list-style:none;display:flex;flex-direction:column;gap:22px;margin-bottom:34px}.vw__points li{line-height:1.6;color:var(--ink-soft);padding-left:18px;border-left:2px solid var(--accent-soft)}.vw__label{display:block;font-family:var(--sans);font-weight:600;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin-bottom:5px}.vw__begin{display:block;width:100%;font-size:1.05rem;padding:15px}.vw__foot{text-align:center;font-size:.85rem;color:var(--ink-faint);margin-top:16px}@media (max-width: 480px){.vw__inner{padding:34px 24px 28px}.vw__title{font-size:1.7rem}}.rb{margin-top:18px;text-align:center}.rb__link{font-size:.85rem;color:var(--ink-faint);padding:6px}.rb__link:hover{color:var(--accent-deep);text-decoration:underline}.rb__error{color:var(--danger);font-size:.85rem;margin-top:8px;line-height:1.4}.rb--confirm{margin-top:14px;padding:16px;border-radius:var(--r-input);background:var(--surface-soft);border:1px solid var(--border);text-align:left}.rb__warn{font-size:.9rem;line-height:1.5;color:var(--ink-soft);margin-bottom:14px}.rb__confirm-row{display:flex;gap:8px;justify-content:flex-end}.rb__confirm-row .vj-btn{padding:10px 16px;font-size:.9rem}.pg{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px 22px}.pg__card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:40px 34px 32px;text-align:center}.pg__mark{font-size:1.7rem;color:var(--accent);margin-bottom:12px;text-shadow:var(--shadow-glow)}.pg__title{font-family:var(--serif);font-weight:600;font-size:1.7rem}.pg__sub{color:var(--ink-soft);line-height:1.55;margin:10px auto 26px;max-width:34ch}.pg__field{margin-bottom:12px;text-align:left}.pg__reveal{font-size:.82rem;color:var(--ink-faint);padding:4px;margin-bottom:6px}.pg__reveal:hover{color:var(--ink-soft)}.pg__error{color:var(--danger);font-size:.9rem;margin:8px 0 4px;line-height:1.4}.pg__submit{width:100%;margin-top:14px;padding:14px;font-size:1rem}.pg__note{font-size:.8rem;color:var(--ink-faint);line-height:1.5;margin-top:18px}.setup__card{max-width:460px;position:relative}.setup__back{position:absolute;top:18px;left:18px;font-size:.82rem;color:var(--ink-faint);padding:4px 6px}.setup__back:hover{color:var(--ink-soft)}.setup__options{display:flex;flex-direction:column;gap:12px;margin-top:6px;text-align:left}.setup__option{display:flex;flex-direction:column;gap:5px;padding:16px 18px;border-radius:var(--r-input);background:var(--surface-soft);border:1px solid var(--border);transition:border-color var(--speed) var(--ease),transform var(--speed) var(--ease-soft),background var(--speed) var(--ease)}.setup__option:hover{border-color:var(--accent);background:var(--surface-glow)}.setup__option:active{transform:scale(.99)}.setup__option-head{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:600;font-size:1.2rem;color:var(--ink)}.setup__badge{font-family:var(--sans);font-weight:600;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-deep);background:var(--accent-soft);padding:3px 8px;border-radius:var(--r-pill)}.setup__option-desc{font-size:.9rem;line-height:1.5;color:var(--ink-soft)}.recovery__code{font-family:Crimson Pro,ui-monospace,monospace;font-size:1.5rem;font-weight:600;letter-spacing:.08em;color:var(--accent-deep);background:var(--surface-soft);border:1px dashed var(--accent-soft);border-radius:var(--r-input);padding:18px 16px;margin:8px 0 12px;word-break:break-all;-webkit-user-select:all;user-select:all}.recovery__copy{margin-bottom:18px}.recovery__hint{font-size:.8rem;color:var(--ink-faint);margin:-8px 0 16px;line-height:1.4}.recovery__ack{display:flex;align-items:flex-start;gap:10px;text-align:left;font-size:.92rem;color:var(--ink-soft);line-height:1.45;margin-bottom:18px;cursor:pointer}.recovery__ack input{margin-top:3px;width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.ug__switch{display:block;width:100%;margin-top:16px;font-size:.85rem;color:var(--accent-deep);padding:6px}.ug__switch:hover{color:var(--accent);text-decoration:underline}.ed{display:flex;flex-direction:column}.ed__surface{width:100%;min-height:44vh;border:none;outline:none;background:transparent;font-family:var(--serif);font-size:1.35rem;line-height:1.7;color:var(--ink);padding:8px 2px}.ed__surface::placeholder{color:var(--ink-faint);font-style:italic}.ed__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;margin-top:8px;border-top:1px solid var(--border-soft)}.ed__status{font-size:.85rem;color:var(--ink-faint);transition:color var(--speed) var(--ease)}.ed__status--saved{color:var(--accent-deep)}.ed__buttons{display:flex;align-items:center;gap:8px}@media (max-width: 480px){.ed__surface{font-size:1.2rem;min-height:38vh}}.tagbar{margin-top:36px;padding-top:24px;border-top:1px solid var(--border)}.tagbar__chips{display:flex;flex-wrap:wrap;gap:7px}.tagchip{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;color:var(--resonance-deep);background:var(--resonance-soft);border:1px solid transparent;padding:5px 11px;border-radius:var(--r-pill);transition:border-color var(--speed) var(--ease),background var(--speed) var(--ease),transform var(--speed) var(--ease-soft)}.tagchip:hover{border-color:var(--resonance)}.tagchip:active{transform:scale(.97)}.tagchip--active{background:var(--resonance);color:#fff;border-color:var(--resonance)}[data-theme=night] .tagchip--active,[data-theme=twilight] .tagchip--active{color:#1a1206}.tagchip__hash{opacity:.6}.tagchip__count{font-size:.72rem;opacity:.7;margin-left:2px;font-variant-numeric:tabular-nums}.tagbar__clear{margin-top:12px;font-size:.8rem;color:var(--ink-faint);padding:4px 0}.tagbar__clear:hover{color:var(--ink-soft)}.tagchip--mini{font-size:.76rem;padding:3px 9px;background:transparent;border:1px solid var(--border);color:var(--ink-soft)}.tagchip--mini:hover{border-color:var(--resonance);color:var(--resonance-deep)}.el{margin-top:40px;padding-top:28px;border-top:1px solid var(--border)}.el--empty{color:var(--ink-faint);font-style:italic;font-family:var(--serif);font-size:1.05rem}.el__heading{font-family:var(--sans);font-weight:600;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px;display:flex;align-items:center;gap:8px}.el__count{font-weight:500;color:var(--ink-faint)}.el__list{list-style:none;display:flex;flex-direction:column;gap:8px}.el__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-input);box-shadow:var(--shadow-soft);overflow:hidden;transition:border-color var(--speed) var(--ease)}.el__item:hover{border-color:var(--accent-soft)}.el__item--active{border-color:var(--accent)}.el__row{display:flex;align-items:stretch;gap:6px}.el__tags{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 14px}.el__open{flex:1;text-align:left;padding:14px 16px;min-width:0}.el__date{display:block;font-size:.78rem;color:var(--accent-deep);margin-bottom:3px}.el__preview{display:block;font-family:var(--serif);font-size:1.05rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el__del{padding:0 14px;color:var(--ink-faint);font-size:.85rem;border-radius:0 var(--r-input) var(--r-input) 0}.el__del:hover{color:var(--danger);background:var(--surface-soft)}.el__confirm{display:flex;align-items:center;gap:4px;padding:0 8px}.el__confirm-yes,.el__confirm-no{font-size:.8rem;padding:6px 10px;border-radius:var(--r-pill)}.el__confirm-yes{color:var(--danger);font-weight:600}.el__confirm-no{color:var(--ink-soft)}.el__confirm-yes:hover,.el__confirm-no:hover{background:var(--surface-soft)}.dp{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--resonance-soft);border:1px solid var(--border-soft);border-radius:var(--r-input);padding:16px 18px;margin-bottom:18px}.dp__body{flex:1 1 240px;min-width:0}.dp__eyebrow{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--resonance-deep);margin-bottom:4px}.dp__text{font-family:var(--serif);font-style:italic;font-size:1.2rem;line-height:1.45;color:var(--ink)}.dp__actions{display:flex;align-items:center;gap:6px}.dp__act{font-size:.85rem;color:var(--ink-soft);padding:7px 10px;border-radius:var(--r-pill);transition:background var(--speed) var(--ease),color var(--speed) var(--ease)}.dp__act:hover{background:#ffffff59;color:var(--ink)}.dp__act--use{font-weight:600;color:var(--resonance-deep)}.dp__reopen{font-size:.85rem;color:var(--resonance-deep);margin-bottom:18px;padding:6px 0;border-bottom:1px solid var(--resonance-soft)}.dp__reopen:hover{border-bottom-color:var(--resonance-deep)}.ts{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--ink-soft);padding:7px 12px;border-radius:var(--r-pill);transition:background var(--speed) var(--ease),color var(--speed) var(--ease)}.ts:hover{background:var(--surface-soft);color:var(--ink)}.ts__glyph{font-size:1rem;color:var(--accent)}@media (max-width: 560px){.ts__name{display:none}}.vv{max-width:720px;margin:0 auto;padding:18px 22px 120px}.vv__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 22px;margin-bottom:8px;border-bottom:1px solid var(--border-soft)}.vv__brand{display:inline-flex;align-items:baseline;gap:8px}.vv__brand-mark{color:var(--accent);font-size:1rem;text-shadow:var(--shadow-glow)}.vv__brand-name{font-family:var(--serif);font-weight:600;font-size:1.3rem;letter-spacing:.01em}.vv__nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:2px}.vv__navbtn{font-size:.85rem;color:var(--ink-soft);padding:7px 12px;border-radius:var(--r-pill);transition:background var(--speed) var(--ease),color var(--speed) var(--ease),opacity var(--speed) var(--ease)}.vv__navbtn:hover{background:var(--surface-soft);color:var(--ink)}.vv__navbtn:disabled{opacity:.35;cursor:default}.vv__navbtn--lock{color:var(--accent-deep)}.vv__main{padding-top:22px}@media (max-width: 480px){.vv{padding:14px 16px 100px}.vv__navbtn{padding:7px 9px}}.cl__card{position:relative}.cl__close{position:absolute;top:16px;right:16px;font-size:.95rem;color:var(--ink-faint);padding:6px 8px;border-radius:var(--r-pill)}.cl__close:hover{color:var(--ink);background:var(--surface-soft)}.cl__cancel{margin-top:18px;font-size:.85rem;color:var(--ink-faint);padding:6px}.cl__cancel:hover{color:var(--ink-soft)}.cl__current{font-family:var(--sans);font-weight:600;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);background:var(--surface-soft);padding:3px 8px;border-radius:var(--r-pill)}.setup__option:disabled{opacity:.55;cursor:default}.setup__option:disabled:hover{border-color:var(--border);background:var(--surface-soft)}:root{--bg: #f5f1e8;--bg-deep: #ebe5d4;--surface: #fffdf7;--surface-soft: #f9f4e8;--surface-glow: #fff8e4;--ink: #2a2d3e;--ink-soft: #6b6e80;--ink-faint: #a4a6b8;--accent: #c8a66b;--accent-soft: #e8d8b8;--accent-deep: #a4824a;--glow: #f4dca0;--resonance: #b89cd4;--resonance-soft: #ebdef5;--resonance-deep: #8d6fb0;--danger: #c47d6a;--shadow-soft: 0 2px 12px rgba(42, 45, 62, .06);--shadow-card: 0 4px 20px rgba(42, 45, 62, .08);--shadow-glow: 0 0 32px rgba(244, 220, 160, .45);--border: rgba(42, 45, 62, .08);--border-soft: rgba(42, 45, 62, .04);--serif: "Crimson Pro", Georgia, "Times New Roman", serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--r-card: 22px;--r-input: 14px;--r-button: 16px;--r-pill: 999px;--speed: .32s;--ease: cubic-bezier(.4, 0, .2, 1);--ease-soft: cubic-bezier(.4, .14, .3, 1);--fs-base: 16px;--glow-amount: 1}[data-theme=twilight]{--bg: #2a2738;--bg-deep: #1c1928;--surface: #36334a;--surface-soft: #2f2c42;--surface-glow: #3d3a52;--ink: #ebe6d3;--ink-soft: #b8b3c8;--ink-faint: #7e7b94;--accent: #d8b884;--accent-soft: #5a4830;--accent-deep: #f4dca0;--glow: #d4a868;--resonance: #c4a8e0;--resonance-soft: #3d3252;--resonance-deep: #d8bdf2;--danger: #d8927d;--shadow-soft: 0 2px 12px rgba(0, 0, 0, .2);--shadow-card: 0 4px 20px rgba(0, 0, 0, .3);--shadow-glow: 0 0 32px rgba(212, 168, 104, .3);--border: rgba(232, 227, 211, .08);--border-soft: rgba(232, 227, 211, .04)}[data-theme=night]{--bg: #0d1119;--bg-deep: #050810;--surface: #161b29;--surface-soft: #1c2236;--surface-glow: #1e2540;--ink: #e8e3d3;--ink-soft: #aeb0c4;--ink-faint: #6e7184;--accent: #d4b582;--accent-soft: #4a3a26;--accent-deep: #f4dca0;--glow: #d4a868;--resonance: #c4a8e0;--resonance-soft: #2e2440;--resonance-deep: #d8bdf2;--danger: #d8927d;--shadow-soft: 0 2px 12px rgba(0, 0, 0, .3);--shadow-card: 0 4px 20px rgba(0, 0, 0, .4);--shadow-glow: 0 0 36px rgba(212, 168, 104, .35);--border: rgba(232, 227, 211, .08);--border-soft: rgba(232, 227, 211, .04)}@media (prefers-reduced-motion: reduce){:root{--speed: 1ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);font-size:var(--fs-base);line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--speed) var(--ease),color var(--speed) var(--ease);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 10%,rgba(244,220,160,calc(.16 * var(--glow-amount))),transparent 42%),radial-gradient(circle at 85% 90%,rgba(184,156,212,calc(.13 * var(--glow-amount))),transparent 52%);pointer-events:none;z-index:0;transition:opacity var(--speed) var(--ease)}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font:inherit;color:inherit;background:none}textarea{resize:none}::selection{background:var(--accent-soft);color:var(--ink)}#root{position:relative;z-index:1;min-height:100vh;min-height:100dvh}.vj-btn{font-family:var(--sans);font-weight:600;font-size:.95rem;padding:13px 22px;border-radius:var(--r-button);background:var(--accent);color:#fff;transition:transform var(--speed) var(--ease-soft),background var(--speed) var(--ease),opacity var(--speed) var(--ease)}[data-theme=night] .vj-btn,[data-theme=twilight] .vj-btn{color:#1a1206}.vj-btn:hover{background:var(--accent-deep)}[data-theme=night] .vj-btn:hover,[data-theme=twilight] .vj-btn:hover{background:var(--accent-deep);color:#1a1206}.vj-btn:active{transform:scale(.97)}.vj-btn:disabled{opacity:.4;cursor:default}.vj-btn--ghost{background:transparent;color:var(--ink-soft);font-weight:500}.vj-btn--ghost:hover{background:var(--surface-soft);color:var(--ink)}.vj-input{width:100%;padding:14px 16px;border-radius:var(--r-input);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);transition:border-color var(--speed) var(--ease),box-shadow var(--speed) var(--ease)}.vj-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-glow)}.vj-fade-in{animation:vjFadeIn .6s var(--ease-soft) both}@keyframes vjFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vj-quiet-link{color:var(--accent-deep);text-decoration:none;border-bottom:1px solid var(--accent-soft);cursor:pointer}.vj-quiet-link:hover{border-bottom-color:var(--accent-deep)}