:root{color:#17181c;background:#f5f5f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(30,81,219,.3);outline-offset:2px}.auth-shell{display:grid;min-height:100dvh;grid-template-columns:minmax(0,50%) minmax(480px,50%);background:#fff}.auth-context{position:relative;min-height:100dvh;overflow:hidden;background:#e7e3e6}.auth-artwork{display:block;width:100%;height:100dvh}.auth-workspace{display:grid;min-height:100dvh;place-items:center;padding:48px clamp(32px,6vw,96px);background:#fff}.auth-card{width:min(100%,500px);padding:clamp(32px,5vw,52px);border-radius:16px;background:#fff;box-shadow:0 18px 52px #19191f1f,0 2px 8px #19191f0d}.auth-card-header{margin-bottom:30px;text-align:center}.auth-logo{display:block;margin:0 auto 18px}.product-name{margin:0 0 10px;color:#5e5f66;font-size:13px;font-weight:650}.auth-card h1,.projects-header h1{margin:0;font-size:clamp(2rem,4vw,2.7rem);letter-spacing:-.035em;line-height:1.05}.auth-hint{margin:12px 0 0;color:#696a72;font-size:13px}.auth-methods{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:24px;padding:4px;border-radius:14px;background:#f0f0f2}.auth-methods button{min-height:42px;border:0;border-radius:10px;background:transparent;color:#6d6e75;cursor:pointer;font-size:13px;font-weight:650}.auth-methods button[aria-pressed=true]{background:#fff;color:#17181c;box-shadow:0 2px 7px #19191f17}.auth-form,.project-create,.signup-sent{display:grid;gap:18px}.field{position:relative;display:grid;gap:7px}.field>span{color:#55565e;font-size:12px;font-weight:650}.field input,.field textarea{width:100%;border:1px solid #d7d7dc;border-radius:12px;background:#f8f8f9;color:#17181c;outline:0;transition:border-color .16s ease-out,background-color .16s ease-out}.field input{min-height:52px;padding:0 15px}.field textarea{padding:13px 15px;resize:vertical}.field input:focus,.field textarea:focus{border-color:#73747b;background:#fff}.password-field input{padding-right:54px}.password-eye{position:absolute;right:5px;bottom:5px;display:grid;width:42px;height:42px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.password-eye:hover{background:#ededf0}.password-eye canvas,.password-eye-fallback{position:absolute;width:25px;height:25px}.password-eye canvas{opacity:0}.password-eye[data-rive-ready=true] canvas{opacity:1}.password-eye[data-rive-ready=true] .password-eye-fallback{opacity:0}.primary-action,.primary-small{border:0;border-radius:12px;background:#17181c;color:#fff;cursor:pointer;font-weight:680}.primary-action{min-height:52px;padding:12px 18px}.primary-small{min-height:42px;padding:9px 16px}.primary-action:hover:not(:disabled),.primary-small:hover:not(:disabled){background:#303138}.primary-action:active:not(:disabled),.primary-small:active:not(:disabled){transform:translateY(1px)}.primary-action:disabled{background:#d8d8dc;color:#85868d;cursor:wait}.text-action,.auth-secondary button,.verification-actions button,.account-actions button,.form-actions>button:not(.primary-action){display:inline-flex;min-width:24px;min-height:24px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:3px}.auth-secondary{margin:30px 0 0;color:#6d6e75;font-size:13px;text-align:center}.verification-actions{display:flex;justify-content:space-between;margin-top:22px}.verification-actions button:disabled{color:#9a9ba1;cursor:default;text-decoration:none}.form-error{margin:0;color:#9a2521;font-size:13px;line-height:1.45}.signup-sent{text-align:center}.signup-sent p{margin:0 0 10px;font-size:18px;font-weight:650}.status-page{display:grid;min-height:100dvh;place-items:center;background:#fff;color:#65666d}.status-content{display:grid;justify-items:center;gap:16px}.status-content p{margin:0}.projects-page{min-height:100dvh;background:#f5f5f6}.projects-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:42px clamp(24px,6vw,88px) 28px;background:#fff}.account-actions{display:flex;align-items:center;gap:18px;color:#62636a;font-size:13px}.projects-content{width:min(100% - 40px,920px);margin:0 auto;padding:42px 0 80px}.projects-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.projects-toolbar p{margin:0;color:#65666d;font-size:14px}.project-create{width:min(100%,620px);padding:clamp(26px,5vw,42px);border-radius:16px;background:#fff;box-shadow:0 14px 40px #19191f17}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.form-actions .primary-action{width:140px}.project-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.project-list li{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border-radius:14px;background:#fff}.project-list h2{margin:0;font-size:17px;letter-spacing:-.01em}.project-list p{margin:6px 0 0;color:#676870;font-size:13px}.project-list time{color:#777880;font-size:12px;white-space:nowrap}@media(max-width:900px){.auth-shell{display:block}.auth-context{display:none}.auth-workspace{padding:24px;background:#f5f5f6}.auth-card{padding:34px 26px}.projects-header{align-items:flex-start;padding-top:28px}.account-actions{align-items:flex-end;flex-direction:column;gap:8px}}@media(max-width:560px){.auth-workspace{align-items:start;padding-top:max(22px,env(safe-area-inset-top))}.auth-card{box-shadow:0 10px 30px #19191f14}.projects-header{flex-direction:column;gap:18px}.account-actions{align-items:flex-start}.projects-content{width:min(100% - 28px,920px);padding-top:28px}.project-list li{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
