:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html:not(.theme-ready) *{transition:none!important}:root{--bg: #f5f7fb;--text: #0f172a;--muted: #475569;--surface: #ffffff;--border: #e5e7eb;--shadow: 0 2px 10px rgba(0, 0, 0, .08);--shadow-strong: 0 6px 24px rgba(0, 0, 0, .12);--focus-ring: #2563eb;--surface-1: var(--surface);--surface-2: color-mix(in oklab, var(--surface) 85%, var(--bg) 15%);--surface-3: color-mix(in oklab, var(--surface) 70%, var(--bg) 30%);--primary: #42b883;--primary-contrast: #ffffff;--link: var(--primary);--success: #16a34a;--success-contrast: #ffffff;--danger: #e11d48;--danger-contrast: #ffffff;--warning: #f59e0b;--info: #0ea5e9;--success-border: color-mix(in oklab, var(--success) 24%, var(--bg));--danger-border: color-mix(in oklab, var(--danger) 24%, var(--bg));--header-grad-from: #42b883;--header-grad-to: #2ca174;--header-ctl-bg: rgba(255, 255, 255, .22);--header-ctl-bg-hover: rgba(255, 255, 255, .32);--header-ctl-color: #ffffff;--header-ctl-border: rgba(255, 255, 255, .28);--footer-bg: #111827;--footer-text: #f3f4f6}html[data-theme=dark]{--bg: #0b1020;--text: #e5e7eb;--muted: #d1d5db;--surface: #111827;--border: #1f2937;--shadow: 0 2px 10px rgba(0, 0, 0, .6);--shadow-strong: 0 6px 24px rgba(0, 0, 0, .5);--focus-ring: #38bdf8;--surface-1: var(--surface);--surface-2: color-mix(in oklab, var(--surface) 85%, var(--bg) 15%);--surface-3: color-mix(in oklab, var(--surface) 70%, var(--bg) 30%);--primary: #42b883;--primary-contrast: #0b1020;--link: #7dd3fc;--success: #22c55e;--success-contrast: #04120a;--danger: #fb7185;--danger-contrast: #1a0a0d;--success-border: color-mix(in oklab, var(--success) 30%, var(--bg));--danger-border: color-mix(in oklab, var(--danger) 30%, var(--bg));--header-grad-from: #1b4638;--header-grad-to: #1e7b5d;--header-ctl-bg: rgba(0, 0, 0, .22);--header-ctl-bg-hover: rgba(0, 0, 0, .32);--header-ctl-color: #ffffff;--header-ctl-border: rgba(255, 255, 255, .18);--footer-bg: #0b1020;--footer-text: #e5e7eb}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}html,body{background:var(--bg)}body{margin:0}@media (prefers-reduced-motion: no-preference){html.theme-ready body,html.theme-ready #app,html.theme-ready header,html.theme-ready main,html.theme-ready footer,html.theme-ready .card,html.theme-ready .panel,html.theme-ready .post,html.theme-ready .create-post,html.theme-ready .no-posts{transition:background-color .18s linear,color .18s linear,border-color .18s linear,box-shadow .18s linear}}::selection{background:color-mix(in oklab,var(--primary) 30%,transparent);color:var(--text)}@media (min-width: 1440px){body{display:flex;place-items:center}}#app{width:100%;margin:0 auto;font-weight:400;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg);color:var(--text)}a,.green{text-decoration:none;color:var(--link);transition:.2s ease;padding:3px;outline:none}@media (hover: hover){a:hover{background-color:color-mix(in oklab,var(--link) 15%,transparent)}html[data-theme=dark] a:hover{background-color:color-mix(in oklab,var(--link) 25%,transparent)}}a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}header{background:linear-gradient(135deg,var(--header-grad-from),var(--header-grad-to));color:#fff;padding:1rem;position:sticky;top:0;z-index:100;will-change:transform,backdrop-filter;box-shadow:var(--shadow);-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);border-bottom:1px solid color-mix(in oklab,#000 8%,transparent);transition:padding .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,border-color .2s ease}html[data-theme=dark] header{border-bottom-color:color-mix(in oklab,#fff 10%,transparent)}.header-inner{max-width:1200px;margin:0 auto;display:flex;gap:1rem;align-items:center;justify-content:space-between}.branding{text-align:left}header h1{margin:0;font-size:2rem;font-weight:700;transition:font-size .3s ease}header p{margin:.5rem 0 0;font-size:1rem;opacity:.95;transition:all .3s ease}header.shrink{padding:.75rem 1rem;box-shadow:var(--shadow-strong)}header.shrink h1{font-size:1.5rem}header.shrink p{font-size:.8rem;margin:.25rem 0 0;opacity:.8}.theme-toggle{appearance:none;border:1px solid var(--header-ctl-border);background:var(--header-ctl-bg);color:var(--header-ctl-color);width:38px;height:38px;min-width:38px;min-height:38px;border-radius:999px;display:inline-grid;place-items:center;cursor:pointer;transition:background-color .2s ease,transform .1s ease}@media (hover: hover){.theme-toggle:hover{background:var(--header-ctl-bg-hover)}}.theme-toggle:active{transform:scale(.98)}.theme-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.theme-toggle .icon{width:22px;height:22px;position:absolute;opacity:0;visibility:hidden;transition:opacity .14s ease,transform .14s ease;transform:scale(.9) rotate(-8deg)}html[data-theme=light] .theme-toggle .moon,html[data-theme=dark] .theme-toggle .sun{opacity:1;visibility:visible;transform:none}@media (prefers-reduced-motion: no-preference){.theme-toggle .icon{opacity:0;transform:scale(.9) rotate(-8deg);transition:opacity .14s ease,transform .14s ease}html[data-theme=light] .theme-toggle .moon,html[data-theme=dark] .theme-toggle .sun{opacity:1;transform:none}}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}main{flex:1;padding:1rem;width:100%;box-sizing:border-box;color:var(--text)}.card,.panel{background:var(--surface-1);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}footer{background-color:var(--footer-bg);color:var(--footer-text);text-align:center;padding:1rem;margin-top:auto;letter-spacing:.1px}.posts-container{width:100%;margin:0 auto;padding:15px;min-height:100vh;background-color:var(--bg);box-sizing:border-box;max-width:960px}.create-post{background:var(--surface-1);padding:20px;border-radius:8px;margin-bottom:30px;box-shadow:var(--shadow);border:1px solid var(--border);box-sizing:border-box;position:relative;top:auto}.create-post h2{margin-top:0;color:var(--text);border-bottom:2px solid var(--primary);padding-bottom:10px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:var(--text)}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:16px;box-sizing:border-box;background-color:var(--surface-1);color:var(--text)}.form-group textarea{resize:vertical;min-height:100px}.form-group input::placeholder,.form-group textarea::placeholder{color:color-mix(in oklab,var(--text) 45%,transparent)}.form-group input:focus,.form-group textarea:focus{outline:2px solid var(--focus-ring);outline-offset:2px;border-color:color-mix(in oklab,var(--focus-ring) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in oklab,var(--focus-ring) 25%,transparent)}.form-group input:disabled,.form-group textarea:disabled{opacity:.7;cursor:not-allowed}button{background-color:var(--primary);color:var(--primary-contrast);border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .2s ease,transform .05s ease;width:100%}button:disabled{background-color:#ccc;cursor:not-allowed}html[data-theme=dark] button:disabled{background-color:#374151;color:#9ca3af}button:hover:not(:disabled){background-color:color-mix(in oklab,var(--primary) 88%,#000)}button:active:not(:disabled){background-color:color-mix(in oklab,var(--primary) 76%,#000)}html[data-theme=dark] button:hover:not(:disabled){background-color:color-mix(in oklab,var(--primary) 86%,#fff)}html[data-theme=dark] button:active:not(:disabled){background-color:color-mix(in oklab,var(--primary) 72%,#fff)}.posts-list h2{margin-bottom:20px;color:var(--text);border-bottom:2px solid var(--primary);padding-bottom:10px}.no-posts{text-align:center;color:var(--muted);font-style:italic;padding:60px 20px;background:var(--surface-1);border-radius:8px;box-shadow:var(--shadow);border:1px solid var(--border);box-sizing:border-box}.post{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow);box-sizing:border-box}.post-header{display:flex;justify-content:space-between;margin-bottom:15px;font-size:14px;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--border);flex-wrap:wrap}.post-author{font-weight:700;color:var(--primary)}.post-content{margin-bottom:20px;line-height:1.6;font-size:16px;color:var(--text);word-wrap:break-word}.post-content p{margin:0;white-space:pre-wrap;word-break:break-word}.post-votes{display:flex;align-items:center;gap:15px;padding-top:15px;border-top:1px solid var(--border);justify-content:center}.vote-button{border:1px solid var(--border);background:color-mix(in oklab,var(--surface-1) 92%,transparent);color:var(--text);padding:8px 14px;border-radius:8px;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .05s ease;font-weight:700;flex:1;max-width:120px}.vote-button:active{transform:translateY(1px)}.vote-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.vote-button:hover{transform:scale(1.02)}.vote-button.upvote{border-color:var(--success-border)}.vote-button.upvote:hover{background-color:color-mix(in oklab,var(--success) 30%,var(--surface-1));color:var(--text)}.vote-button.downvote,.vote-button.dislike{border-color:var(--danger-border)}.vote-button.downvote:hover,.vote-button.dislike:hover{background-color:color-mix(in oklab,var(--danger) 30%,var(--surface-1));color:var(--text)}html[data-theme=dark] .vote-button.upvote:hover{background-color:color-mix(in oklab,var(--success) 42%,var(--surface-1))}html[data-theme=dark] .vote-button.downvote:hover,html[data-theme=dark] .vote-button.dislike:hover{background-color:color-mix(in oklab,var(--danger) 42%,var(--surface-1))}.vote-count{background:var(--surface-2);border:1px solid var(--border);padding:6px 10px;border-radius:8px;min-width:40px;font-weight:700;font-size:18px;text-align:center;color:var(--text)}.sticky-header{position:sticky;top:0;z-index:10;background-color:var(--surface-2);padding-top:15px;padding-bottom:15px;box-shadow:0 2px 4px -1px #0000001a;margin-left:-15px;margin-right:-15px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-post.sticky-header{margin-top:-15px}.section-header{margin-top:-15px;padding-bottom:10px}@media (max-width: 480px){header{padding:1.25rem 1rem}header.shrink{padding:.6rem 1rem}header h1{font-size:1.75rem}header.shrink h1{font-size:1.3rem}header p{font-size:.9rem}header.shrink p{font-size:.7rem}main{padding:.75rem .5rem}.posts-container{padding:10px}.create-post,.post,.no-posts{padding:12px}.create-post h2,.posts-list h2{font-size:1.4rem;padding-bottom:8px}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{padding:8px;font-size:16px}.post-content{font-size:14px}.post-header{font-size:13px}.vote-button{padding:6px 12px;font-size:14px}.vote-count{font-size:16px}}@media (min-width: 481px) and (max-width: 767px){.posts-container,.create-post,.post,.no-posts{padding:15px}.post-header{flex-direction:column;gap:5px}.post-date{font-size:12px}.form-group input,.form-group textarea{padding:10px;font-size:16px}.post-content{font-size:15px}}@media (min-width: 768px){header{padding:2rem 1.5rem}header h1{font-size:2.5rem}header p{font-size:1.2rem}header.shrink{padding:1.25rem 1.5rem}header.shrink h1{font-size:1.8rem}header.shrink p{font-size:1rem}main{padding:1.5rem}.posts-container{padding:20px}.create-post,.post,.no-posts{padding:25px}button{width:auto}.post-votes{justify-content:flex-start}.vote-button{max-width:none;flex:none}.form-group input,.form-group textarea{padding:15px;font-size:16px}.post-content{font-size:17px}.sticky-header{padding-top:20px;padding-bottom:20px;margin-left:-20px;margin-right:-20px}.create-post.sticky-header,.section-header{margin-top:-20px}}@media (min-width: 1024px){header{padding:2.5rem 2rem}header.shrink{padding:1.5rem 2rem}main{padding:2rem}.posts-container{padding:25px}.create-post,.post,.no-posts{padding:30px}.form-group input,.form-group textarea{padding:15px}.post-content{font-size:18px}.sticky-header{padding-top:25px;padding-bottom:25px;margin-left:-25px;margin-right:-25px}}@media (min-width: 1200px){main{padding:2rem}.posts-container{padding:30px}.create-post,.post,.no-posts{padding:35px}.sticky-header{padding-top:30px;padding-bottom:30px;margin-left:-30px;margin-right:-30px}}*::-webkit-scrollbar{height:12px;width:12px}*::-webkit-scrollbar-track{background:color-mix(in oklab,var(--bg) 92%,#000)}*::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--text) 20%,var(--bg));border-radius:999px;border:3px solid color-mix(in oklab,var(--bg) 92%,#000)}*::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab,var(--text) 35%,var(--bg))}*{scrollbar-color:color-mix(in oklab,var(--text) 20%,var(--bg)) color-mix(in oklab,var(--bg) 92%,#000)}.toasts-container{position:fixed;top:20px;right:20px;z-index:1000;padding:1rem;pointer-events:none}.toast{display:flex;justify-content:space-between;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;margin-bottom:.5rem;min-width:240px;max-width:320px;box-shadow:var(--shadow);pointer-events:auto;transition:transform .2s ease,opacity .2s ease;animation:toast-in .3s ease-out}@keyframes toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast:hover{transform:translate(5px)}.toast button{margin-left:1rem;padding:0 .5rem;font-size:1.25rem;line-height:1;background:none;border:none;color:var(--muted);transition:color .2s ease}.toast button:hover{color:var(--text)}.toast.success{border-color:var(--success-border);background-color:color-mix(in oklab,var(--success) 10%,var(--surface-1))}.toast.error{border-color:var(--danger-border);background-color:color-mix(in oklab,var(--danger) 10%,var(--surface-1))}.toast.info{border-color:var(--info);background-color:color-mix(in oklab,var(--info) 10%,var(--surface-1))}.toast.warning{border-color:var(--warning);background-color:color-mix(in oklab,var(--warning) 10%,var(--surface-1))}.image-preview{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.char-count{font-size:.8em;color:#6c757d;text-align:right;margin-top:2px}.image-preview__container{position:relative;display:inline-block;max-width:100%}.image-preview__container img{display:block;max-width:100%;max-height:300px;border-radius:8px;object-fit:cover;object-position:center;background-color:var(--surface-2);padding:4px}.remove-image-btn{margin-top:5px;padding:5px 10px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.remove-image-btn:hover{background-color:#c82333}.image-preview__remove{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;background-color:#ffffffb3;border-radius:9999px;border:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .2s ease}.image-preview__remove:hover{background-color:#ffffffe6}.image-preview__remove svg{width:14px;height:14px;fill:currentColor}.image-preview__filename{font-size:.875rem;color:var(--muted);margin-top:.25rem}@media (min-width: 768px){.image-preview__container img{max-height:400px}}.modal{display:block;position:fixed;z-index:1200;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000d9;animation:modal-fade-in .3s ease}.modal-content{position:relative;margin:5% auto;padding:20px;width:90%;max-width:900px;text-align:center}.modal-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px}.close{color:#fff;float:right;font-size:35px;font-weight:700;cursor:pointer;position:absolute;top:10px;right:25px;z-index:1002}.close:hover,.close:focus{color:#ccc}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.modal-content{width:95%;margin:10% auto;padding:15px}.modal-image{max-height:70vh}}.post-image{margin:15px 0;text-align:left}.post-image img{max-width:100%;max-height:400px;border-radius:8px;object-fit:cover;object-position:center;background-color:var(--surface-2);padding:4px;cursor:pointer}@media (min-width: 768px){.post-image img{max-height:500px}}.header-inner{position:relative}.header-actions{display:flex;align-items:center;gap:10px;position:relative}.user-toggle{appearance:none;border:1px solid var(--header-ctl-border);background:var(--header-ctl-bg);color:var(--header-ctl-color);width:38px;height:38px;min-width:38px;min-height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:0;cursor:pointer;transition:background-color .2s ease,transform .1s ease;position:relative;z-index:3}@media (hover: hover){.user-toggle:hover{background:var(--header-ctl-bg-hover)}}.user-toggle:active{transform:scale(.98)}.user-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.user-toggle .icon{width:22px;height:22px;display:block}.account-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-1);color:var(--text);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:12px;padding:10px;min-width:220px;z-index:2}.account-row{display:flex;align-items:center;gap:10px;padding:6px 4px}.account-row.top{border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:8px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:var(--primary-contrast);display:inline-flex;align-items:center;justify-content:center;font-weight:700}.account-name{font-weight:600}.account-row.actions{justify-content:space-between}.account-row.actions .settings-btn{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.account-row.actions .logout-btn{background:var(--danger);color:var(--danger-contrast)}.auth-card{background:linear-gradient(180deg,color-mix(in oklab,var(--surface-1) 98%,#000 0%),var(--surface-1));border-radius:14px;max-width:460px;margin:0 auto;padding:24px;box-shadow:0 12px 40px #02061799;border:1px solid color-mix(in oklab,var(--border) 70%,transparent);color:var(--text);position:relative;transform:translateY(-6px);animation:auth-card-in .22s cubic-bezier(.2,.9,.2,1) both}.auth-card.signed-in{display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:left}.auth-card h3{margin:0 0 10px;font-size:1.25rem;font-weight:700;color:var(--text)}.auth-row{margin-bottom:12px}.auth-row input[type=text],.auth-row input[type=password]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-1) 92%,var(--bg) 8%);color:var(--text);font-size:15px;box-sizing:border-box;transition:box-shadow .16s ease,border-color .16s ease,transform .12s ease;outline:none}.auth-row input::placeholder{color:color-mix(in oklab,var(--muted) 60%,transparent)}.auth-row input:focus{border-color:color-mix(in oklab,var(--focus-ring) 70%,var(--border));box-shadow:0 6px 18px color-mix(in oklab,var(--focus-ring) 10%,transparent);transform:translateY(-1px)}.auth-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:6px}.auth-actions>button{flex:1 1 auto;padding:10px 14px;border-radius:10px;font-weight:700;box-shadow:none}.auth-actions .link{flex:0 0 auto;background:transparent;color:var(--muted);padding:10px;border-radius:10px;border:1px solid transparent;text-decoration:underline;font-weight:600}.auth-actions .link:hover{color:var(--text);background:color-mix(in oklab,var(--surface-2) 70%,transparent)}.modal .close{color:#fff;position:absolute;top:12px;right:18px;font-size:28px;opacity:.95;background:transparent;border-radius:8px;z-index:1300;line-height:1}html[data-theme=dark] .modal .close{color:#fff}html[data-theme=light] .modal .close{color:#111827}.auth-message{margin-top:12px;padding:10px 12px;border-radius:8px;font-weight:600;font-size:.95rem;line-height:1.2;border:1px solid transparent;background:color-mix(in oklab,var(--danger) 8%,var(--surface-1));color:color-mix(in oklab,var(--danger) 80%,var(--surface-1))}.auth-card .auth-message.success{background:color-mix(in oklab,var(--success) 8%,var(--surface-1));color:color-mix(in oklab,var(--success) 80%,var(--surface-1));border-color:var(--success-border)}.auth-card .auth-message.error{border-color:var(--danger-border)}.auth-card .visually-hidden{position:static}@media (max-width: 520px){.auth-card{width:calc(100% - 40px);padding:18px;border-radius:12px}.modal .close{top:8px;right:12px;font-size:26px}}@keyframes auth-card-in{0%{opacity:0;transform:translateY(-12px) scale(.996)}to{opacity:1;transform:translateY(0) scale(1)}}.padlock-btn[data-v-b20b9ca6]{border:none;background:transparent;font-size:1em;margin-right:6px;padding:0;vertical-align:middle}.padlock-btn.owned[data-v-b20b9ca6]{opacity:.7;cursor:pointer}.padlock-btn[data-v-b20b9ca6]:not(.owned){cursor:default}.padlock-btn.private[data-v-b20b9ca6]{color:var(--accent, #f97316)}.settings[data-v-17ebb038]{max-width:720px;margin:24px auto;padding:0 16px}.settings-header[data-v-17ebb038]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card[data-v-17ebb038]{background:var(--card-bg, rgba(255, 255, 255, .06));border:1px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:12px;padding:16px}.form-group[data-v-17ebb038]{margin-bottom:12px;display:flex;flex-direction:column;gap:6px}.form-group input[data-v-17ebb038]{padding:10px 12px;border-radius:8px;border:1px solid var(--border-color, rgba(0, 0, 0, .15));background:transparent;color:inherit}.hint[data-v-17ebb038]{opacity:.75}.actions[data-v-17ebb038]{margin-top:8px}.actions button[data-v-17ebb038]{padding:10px 14px;border-radius:8px}.msg[data-v-17ebb038]{margin-top:10px}.msg.success[data-v-17ebb038]{color:#22c55e}.msg.error[data-v-17ebb038]{color:#ef4444}.close-btn[data-v-17ebb038]{padding:8px 12px;border-radius:8px}