:root{--bg-1:#efe7d3;--bg-2:#d9cdb0;--paper:#fbf8f1;--ink:#1a1a17;--ink-soft:#5a5448;--ink-muted:#8a8175;--accent:#2f5a3a;--accent-ink:#f8f4ea;--field-bg:#fff;--field-border:#1a1a172e;--field-border-focus:#1a1a17;--shadow-card:0 30px 60px -30px #1a1a1759, 0 12px 24px -16px #1a1a172e;--radius:18px;--serif:"Newsreader", "Iowan Old Style", "Georgia", serif;--sans:"Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;background:#efeae0;margin:0;padding:0}#root{min-height:100%}.scene{isolation:isolate;background:radial-gradient(ellipse 80% 60% at 50% 0%, var(--bg-1) 0%, var(--bg-2) 100%);width:100%;min-height:100vh;position:relative;overflow:hidden}.scene:before{content:"";pointer-events:none;opacity:.55;mix-blend-mode:multiply;background-image:radial-gradient(#1a1a170d 1px,#0000 1px),radial-gradient(#1a1a1708 1px,#0000 1px);background-position:0 0,1px 2px;background-size:3px 3px,7px 7px;position:absolute;inset:0}.brand{justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:28px;display:inline-flex}.brand-mark{background:var(--ink);width:30px;height:30px;color:var(--paper);font-family:var(--serif);letter-spacing:-.5px;border-radius:7px;place-items:center;font-size:17px;font-style:italic;font-weight:500;display:grid}.brand-word{font-family:var(--serif);letter-spacing:-.2px;color:var(--ink);font-size:22px;font-weight:400}.shell{place-items:center;min-height:100vh;padding:40px 24px;display:grid}.card{background:var(--paper);border-radius:var(--radius);width:100%;max-width:440px;box-shadow:var(--shadow-card);z-index:1;border:1px solid #1a1a170f;padding:44px 44px 36px;position:relative}.stamp{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:50%;position:absolute;top:22px;right:22px}.heading{text-align:center;margin-bottom:32px}.heading h1{font-family:var(--serif);letter-spacing:-.5px;color:var(--ink);margin:0;font-size:clamp(34px,4.5vw,40px);font-style:normal;font-weight:500;line-height:1.1}.heading p{font-family:var(--serif);color:var(--ink-soft);letter-spacing:.1px;margin:6px 0 0;font-size:16px;font-weight:300}form{flex-direction:column;gap:18px;display:flex}.field-group{flex-direction:column;gap:7px;display:flex}.field-error{font-family:var(--sans);color:#b83a2e;align-items:flex-start;gap:6px;margin-top:2px;font-size:12.5px;line-height:1.35;display:flex}.field-error svg{flex:none;margin-top:2px}.field-helper{font-family:var(--sans);color:var(--ink-muted);margin-top:2px;font-size:12.5px;line-height:1.35}.form-banner{color:#7a2820;font-family:var(--sans);background:#fdf4f2;border:1px solid #b83a2e40;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;line-height:1.4;display:flex}.form-banner svg{color:#b83a2e;flex:none;margin-top:1px}.form-banner strong{color:#b83a2e;font-weight:600}.pw-strength{gap:4px;margin-top:6px;display:flex}.pw-strength .seg{background:#1a1a171a;border-radius:2px;flex:1;height:3px;transition:background-color .2s}.pw-strength.s-1 .seg:nth-child(-n+1){background:#b83a2e}.pw-strength.s-2 .seg:nth-child(-n+2){background:#c87a1a}.pw-strength.s-3 .seg:nth-child(-n+3){background:#5a8a3a}.pw-strength.s-4 .seg{background:var(--accent)}.pw-strength-label{font-family:var(--sans);color:var(--ink-muted);justify-content:space-between;margin-top:4px;font-size:12px;display:flex}label.fld{font-family:var(--sans);letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}label.fld svg{flex:none}.input-wrap{align-items:center;display:flex;position:relative}input[type=email],input[type=password],input[type=text]{width:100%;height:50px;font-family:var(--sans);color:var(--ink);background:var(--field-bg);border:1px solid var(--field-border);letter-spacing:.1px;border-radius:10px;outline:none;padding:0 16px;font-size:15px;transition:border-color .12s,box-shadow .12s}input::placeholder{color:var(--ink-muted)}input:hover{border-color:#1a1a1752}input:focus{border-color:var(--field-border-focus);box-shadow:0 0 0 3px #1a1a1714}.field-group.has-error input{background:#fdf4f2;border-color:#b83a2e}.field-group.has-error input:focus{border-color:#b83a2e;box-shadow:0 0 0 3px #b83a2e26}.pw-toggle{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:6px;transition:color .12s,background-color .12s;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--ink);background:#1a1a170d}.pw-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.row{justify-content:space-between;align-items:center;margin-top:-4px;font-size:13px;display:flex}.remember{color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.remember input{appearance:none;background:var(--field-bg);cursor:pointer;border:1px solid #1a1a1752;border-radius:4px;place-items:center;width:16px;height:16px;transition:background-color .12s,border-color .12s;display:grid}.remember input:checked{background:var(--ink);border-color:var(--ink)}.remember input:checked:after{content:"";background:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27><path d=%27M1 4 L3 6 L7 1.5%27 stroke=%27%23fbf8f1%27 stroke-width=%271.5%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/></svg>") 50%/contain no-repeat;width:8px;height:8px}.link{color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:none;border-bottom:1px solid #1a1a1740;padding:0 0 1px;text-decoration:none;transition:border-color .12s}.link:hover{border-color:var(--ink)}.submit{background:var(--accent);height:54px;color:var(--accent-ink);font-family:var(--serif);letter-spacing:.1px;cursor:pointer;box-shadow:0 6px 16px -6px color-mix(in srgb, var(--accent) 60%, transparent);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:6px;font-size:18px;font-weight:500;transition:transform .12s,box-shadow .12s,background-color .12s,filter .12s;display:inline-flex}.submit:hover{filter:brightness(.92);transform:translateY(-1px)}.submit:active{transform:translateY(0)}.submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit svg{transition:transform .2s}.submit:hover svg{transform:translate(3px)}.back-link{font-family:var(--sans);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:4px;padding:0;font-size:13px;text-decoration:none;transition:color .12s;display:inline-flex}.back-link:hover{color:var(--ink)}.success-block{text-align:center;padding:8px 0 4px}.success-block .icon-circle{background:color-mix(in srgb, var(--accent) 12%, transparent);width:56px;height:56px;color:var(--accent);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.success-block p{font-family:var(--serif);color:var(--ink-soft);margin:0 0 6px;font-size:16px;font-weight:300;line-height:1.5}.success-block strong{color:var(--ink);font-weight:500}.catalog{flex-direction:column;gap:28px;display:flex}.catalog-section h2{font-family:var(--sans);letter-spacing:.7px;text-transform:uppercase;color:var(--ink-soft);margin:0 0 12px;font-size:12px;font-weight:600}.catalog-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.catalog-card{background:var(--field-bg);border:1px solid var(--field-border);color:var(--ink);font-family:var(--serif);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-size:18px;text-decoration:none;transition:border-color .12s,transform .12s;display:flex}a.catalog-card:hover{border-color:var(--field-border-focus);transform:translateY(-1px)}.catalog-card .catalog-name{font-weight:500}.catalog-join{font-family:var(--sans);letter-spacing:.1px;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:filter .12s}.catalog-join:hover:not(:disabled){filter:brightness(.92)}.catalog-join:disabled{opacity:.6;cursor:not-allowed}.catalog-empty{font-family:var(--serif);color:var(--ink-soft);text-align:center;margin:0;padding:18px 0;font-size:15px;font-style:italic}.settings-section{flex-direction:column;gap:14px;display:flex}.admin-row{font-family:var(--sans);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;display:flex}.settings-divider{background:#1a1a1714;height:1px;margin:22px 0}.submit.secondary{color:var(--ink);box-shadow:none;background:0 0;border:1px solid #1a1a1733}.submit.secondary:hover{filter:none;background:#1a1a170a}.footer{text-align:center;color:var(--ink-soft);font-size:14px;font-family:var(--serif);margin-top:26px;font-weight:300}.footer .link{font-weight:400}@media (max-width:600px){.shell{min-height:100vh;padding:0}.shell .card{max-width:none;box-shadow:none;background:var(--paper);border:none;border-radius:0;flex-direction:column;min-height:100vh;padding:56px 28px 32px;display:flex}.shell .footer{margin-top:auto;padding-top:32px}.shell .stamp{top:28px;right:28px}.scene:before{opacity:.35}}