:root{color:#191a18;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-synthesis:none;background:#f8f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}body,button,input{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font-size:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #777b51}#root{min-height:100vh}::selection{color:#191a18;background:#d9ff66}:root{--ink:#191a18;--ink-soft:#34352f;--paper:#f8f7f2;--paper-deep:#eeede5;--muted:#77786e;--line:#deded4;--accent:#d9ff66;--danger:#b42318;--success:#267044}.app-shell{background:var(--paper);min-height:100vh;color:var(--ink)}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:0 5.5%;display:flex}.wordmark{color:var(--ink);letter-spacing:-1.4px;align-items:center;gap:10px;font-size:25px;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);width:36px;height:36px;color:var(--ink);letter-spacing:-1px;border-radius:50%;place-items:center;font-size:21px;font-weight:900;display:inline-grid}.wordmark-dot{color:#747b4d}.topbar-action,.topbar-label{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.topbar-label{letter-spacing:1.5px;font-size:10px;font-weight:750}.text-button{color:var(--ink);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:7px 0;font-size:13px;font-weight:750;-webkit-text-decoration:underline #b5b7a5;text-decoration:underline #b5b7a5}.text-button:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.text-button:disabled{opacity:.5;cursor:not-allowed}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);min-height:calc(100vh - 79px);display:grid}.brand-panel{background:var(--ink);color:var(--paper);flex-direction:column;justify-content:space-between;padding:66px 8% 25px 11%;display:flex;overflow:hidden}.brand-panel-content{width:100%;max-width:570px;margin:0 auto}.eyebrow,.form-step{letter-spacing:1.6px;align-items:center;gap:9px;font-size:10px;font-weight:800;display:flex}.eyebrow{color:#d4d5c8}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #d9ff661a}.brand-panel h1{letter-spacing:-4px;margin:31px 0 20px;font-size:clamp(43px,5.3vw,75px);font-weight:750;line-height:.99}.brand-panel h1 span{color:var(--accent)}.brand-panel-content>p{color:#b8b9ae;max-width:385px;font-size:14px;line-height:1.9}.artwork{place-items:center;min-height:250px;margin-top:38px;display:grid;position:relative}.artwork-circle{border:1px solid #64665b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:220px;height:220px;display:flex;transform:rotate(-8deg);box-shadow:0 0 0 13px #ffffff05,0 0 0 27px #ffffff05}.artwork-symbol{color:var(--accent);margin-bottom:14px;font-size:49px;line-height:1}.artwork-small{color:#c8c9be;letter-spacing:2px;font-size:9px;font-weight:750}.artwork-large{color:var(--paper);letter-spacing:-1px;margin-top:3px;font-size:29px;font-weight:850}.artwork-side-note{color:#8e9084;letter-spacing:1.1px;writing-mode:vertical-rl;font-size:8px;position:absolute;bottom:12px;right:0}.brand-panel-footer,.form-footer{color:#96988b;letter-spacing:1.2px;justify-content:space-between;gap:12px;font-size:9px;font-weight:700;display:flex}.form-panel{flex-direction:column;justify-content:space-between;min-width:0;padding:62px 9% 25px;display:flex}.form-container{width:100%;max-width:440px;margin:auto}.form-step{color:#76796b;font-size:9px}.form-heading h2{letter-spacing:-1.3px;margin:18px 0 10px;font-size:clamp(26px,2.7vw,35px);font-weight:780;line-height:1.2}.form-heading>p{color:var(--muted);font-size:13px;line-height:1.8}.auth-tabs{background:#edede5;border-radius:9px;grid-template-columns:1fr 1fr;gap:5px;margin:29px 0 25px;padding:5px;display:grid}.auth-tab{color:#77786e;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;font-size:12px;font-weight:650}.auth-tab.active{color:var(--ink);background:#fffefa;border-color:#e1e1d8;box-shadow:0 1px 3px #0000000d}.auth-form{flex-direction:column;gap:17px;display:flex}.name-fields{grid-template-columns:1fr 1fr;gap:13px;display:grid}.field{color:#36372f;flex-direction:column;gap:8px;min-width:0;font-size:11px;font-weight:750;display:flex}.optional-label{color:#929388;font-size:10px;font-weight:450}.field input{box-sizing:border-box;width:100%;min-height:46px;color:var(--ink);font:inherit;background:#fffefa;border:1px solid #dcdcd1;border-radius:7px;outline:none;padding:0 13px;font-size:13px;font-weight:450;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#a5a69b}.field input:focus{border-color:#858a65;box-shadow:0 0 0 3px #858a6521}.field input:disabled{opacity:.7}.field-hint{color:#818276;font-size:10px;font-weight:450}.primary-button{border:1px solid var(--accent);background:var(--accent);width:100%;min-height:49px;color:var(--ink);font:inherit;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:12px;padding:0 18px;font-size:12px;font-weight:850;transition:background .15s,transform .15s;display:flex}.primary-button:hover:not(:disabled){background:#c8f04e;transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait}.submit-button{margin-top:3px}.button-spinner,.loading-spinner{border:2px solid #191a1840;border-top-color:var(--ink);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.error-message,.notice-message{border-radius:6px;margin:0;padding:11px 12px;font-size:12px;line-height:1.6}.error-message{color:var(--danger);background:#fff0ef;border:1px solid #f0c6c2}.notice-message{color:var(--success);background:#eff9f1;border:1px solid #c5dfcd}.terms-note{color:#898a7f;margin:20px 0 0;font-size:10px;line-height:1.8}.form-footer{color:#929388;margin-top:45px}.session-loading{background:var(--paper);min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:13px;display:flex}.session-loading .brand-mark{width:48px;height:48px;font-size:27px}.loading-spinner{border-color:#d8d9ce;border-top-color:var(--ink);width:23px;height:23px}.welcome-panel{grid-template-columns:.9fr 1.1fr;align-items:center;gap:8%;min-height:calc(100vh - 150px);padding:55px 10%;display:grid}.welcome-art{background:var(--ink);border-radius:14px;place-items:center;min-height:350px;display:grid;position:relative;overflow:hidden}.art-ring{border:1px solid #74776a;border-radius:50%;width:220px;height:220px;position:absolute}.art-ring-two{width:270px;height:270px}.art-star{color:var(--accent);font-size:100px}.art-caption{color:#c6c7ba;letter-spacing:2px;font-size:9px;position:absolute;bottom:28px}.welcome-copy{max-width:480px}.welcome-copy .eyebrow{color:#696b5e}.welcome-copy h1{letter-spacing:-3px;margin:25px 0 16px;font-size:clamp(38px,5vw,64px);line-height:1.04}.welcome-copy h1 span{color:#757b4e}.welcome-description,.account-note{color:var(--muted);font-size:13px;line-height:1.9}.welcome-description strong{color:var(--ink)}.account-note{margin:13px 0 24px;font-size:11px}.signout-button{margin:14px auto 0;display:block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1000px){.auth-layout{grid-template-columns:minmax(0,.9fr) minmax(400px,1fr)}.brand-panel{padding:55px 8% 25px}.brand-panel h1{letter-spacing:-2.8px;font-size:clamp(42px,5vw,59px)}.form-panel{padding:48px 7% 25px}.artwork{min-height:220px}.artwork-circle{width:190px;height:190px}}@media (width<=760px){.topbar{min-height:68px;padding:0 6%}.wordmark{font-size:22px}.brand-mark{width:32px;height:32px;font-size:19px}.topbar-action{gap:8px;font-size:11px}.auth-layout{flex-direction:column;display:flex}.brand-panel{padding:42px 7% 28px}.brand-panel h1{margin-top:25px;font-size:clamp(43px,10vw,62px)}.brand-panel-content>p{max-width:440px}.artwork{min-height:200px;margin-top:24px}.artwork-circle{width:175px;height:175px}.artwork-side-note{right:2%}.brand-panel-footer{margin-top:20px}.form-panel{padding:44px 7% 24px}.form-container{max-width:500px}.form-heading h2{font-size:30px}.form-footer{width:100%;max-width:500px;margin:40px auto 0}.welcome-panel{grid-template-columns:1fr;gap:34px;min-height:auto;padding:35px 7% 50px}.welcome-art{min-height:240px}.welcome-copy{max-width:540px;margin:0 auto}}@media (width<=420px){.topbar-action>span{display:none}.name-fields{grid-template-columns:1fr}.brand-panel h1{letter-spacing:-2.5px}.brand-panel-footer,.form-footer{letter-spacing:.7px;font-size:8px}.form-panel{padding-top:37px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}