*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ffffffed;background-color:#e3dffe}body{margin:0;min-height:100vh;background:#e3dffe}.page{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e3dffe;padding:24px;position:relative;min-height:100vh}.top-logo{position:fixed;z-index:10;top:22px;left:22px;width:36px;height:36px}.card{width:420px;background:#0e0e0e;border-radius:18px;color:#ffffffed;box-shadow:0 12px 32px #00000059;overflow:hidden;display:flex;flex-direction:column}.card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid #1c1c1c}.icon-button{background:transparent;border:none;color:#b4b4b4;font-size:18px;cursor:pointer;padding:4px 8px}.progress-dots{display:flex;gap:10px}.progress-dots .dot{width:10px;height:10px;border-radius:50%;background:#2a2b2a}.progress-dots .dot.active{background:#ab9ff2}.card-body{padding:10px 30px 0;text-align:center}.card-body h1{margin:6px 0;font-size:26px;font-weight:600;color:#f5f5f5}.subtitle{margin:0 auto 20px;color:#c7c7c7;line-height:1.5;max-width:320px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 12px}.word-field{display:flex;align-items:center;background:#191919;border:1px solid #333;border-radius:8px;padding:8px 10px;height:42px;transition:border-color .2s ease}.word-field.invalid{border-color:#ff3b3b}.word-field:focus-within{border-color:#ab9ff3}.prefix{color:#dcdcdc;font-size:13px;margin-right:8px;min-width:18px;text-align:left}.word-field input{background:transparent;border:none;outline:none;color:#fff;font-size:14px;width:100%;caret-color:#ab9ff3}.word-field input::placeholder{color:#6e6e6e}.link{background:transparent;border:none;color:#c7c7c7;cursor:pointer;font-size:14px;padding:12px 0;width:100%}.card-footer{padding:10px 30px 24px}.primary-btn{width:100%;border:none;background:#ab9ff3;color:#0d0d0d;font-weight:600;font-size:15px;padding:14px 0;border-radius:12px;cursor:pointer;transition:background .15s ease,transform .1s ease}.primary-btn:hover:enabled{background:#9b8fe0}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.error-text{color:#ff3b3b;font-size:13px;text-align:center;margin:4px 0 8px}.error-text.inline{margin-bottom:10px}.success-card{width:420px;background:#0e0e0e;border-radius:18px;padding:30px;text-align:center;box-shadow:0 12px 32px #00000059}.success-icon{width:64px;height:64px;margin:0 auto 10px;border-radius:50%;background:#2fdd90;display:grid;place-items:center;font-size:30px;font-weight:700;color:#0b0b0b}.phrase-view{margin-top:16px;background:#191919;border:1px solid #2a2a2a;padding:12px;border-radius:10px;font-size:14px;color:#e8e8e8;word-break:break-word}@media (max-width: 520px){.card,.success-card{width:100%}.grid{grid-template-columns:repeat(2,1fr)}.page{padding:12px 12px 24px}}