*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#eee6ff,transparent 28rem),#faf8fc;color:#211d2b;font:14px system-ui,-apple-system,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.x{display:none}.top{position:sticky;top:0;z-index:5;height:70px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#faf8fddd;backdrop-filter:blur(18px);border-bottom:1px solid #e9e2ed}.brand{display:flex;gap:10px;align-items:center}.logo{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,#916ee4,#5a38aa);box-shadow:0 10px 24px #5836ad40}.brand small,.e{display:block;color:#6f4fc8;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.brand b{font-size:13px}.app{min-height:100vh;padding-bottom:95px}main{width:min(100%,860px);margin:auto;padding:27px 16px}.stack{display:grid;gap:18px}h1{margin:0;font-size:clamp(29px,6vw,43px);line-height:1.05;letter-spacing:-.045em}h2{margin:0;font-size:22px;letter-spacing:-.025em}p{color:#756e7d;line-height:1.6}.hero,.prompt,.date{padding:32px;border-radius:28px;color:#fff;background:linear-gradient(135deg,#4c318e,#7048b5 58%,#b55c8d 130%);box-shadow:0 28px 70px #4b30872d}.hero .e,.prompt .e,.date .e{color:#eadfff}.hero h2,.prompt h2,.date h2{margin:12px 0;font-size:clamp(27px,5vw,39px);line-height:1.12}.hero p,.prompt p,.date p{color:#ffffffbd}.card{padding:24px;border:1px solid #e9e2ed;border-radius:23px;background:#fff;box-shadow:0 17px 50px #3d285a13}.head{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{padding:15px;border:1px solid #e9e2ed;border-radius:17px;background:#fff}.metric small{display:block;color:#756e7d}.metric b{display:block;margin-top:5px;font-size:20px}.btn{min-height:44px;padding:0 15px;border:0;border-radius:13px;font-size:12px;font-weight:900}.p{color:#fff;background:linear-gradient(145deg,#7956d0,#5c3bb0)}.l{color:#4c3297;background:#fff}.g{color:#4c3297;background:#eee8ff}.row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}input,textarea{width:100%;padding:12px;border:1px solid #e9e2ed;border-radius:12px;background:#fdfbfe}textarea{min-height:100px;resize:vertical}.range{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.range input{padding:0;accent-color:#6f4fc8}.compose{display:grid;grid-template-columns:1fr 44px;gap:8px}.compose button{border:0;border-radius:12px;color:#fff;background:#6f4fc8;font-size:20px}.notes{display:grid;gap:7px;margin-top:12px}.note{padding:10px 12px;border-radius:12px;background:#fff3f7;color:#5d4d55;font-size:12px}.tabs{display:flex;gap:6px;padding:6px;overflow:auto;border-radius:15px;background:#eee9f2}.tabs button{flex:1;min-width:76px;height:37px;border:0;border-radius:10px;color:#756e7d;background:transparent;font-size:10px;font-weight:900}.tabs button.on{color:#4c3297;background:#fff}.prompt textarea{color:#fff;background:#ffffff12;border-color:#ffffff24}.prompt textarea::placeholder{color:#ffffff77}.safe{padding:13px 15px;border:1px solid #efdfaa;border-radius:15px;color:#715b25;background:#fff7df;font-size:12px;line-height:1.5}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fields label{color:#5a5260;font-size:11px;font-weight:900}.fields textarea{margin-top:6px}.result{padding:22px;border-radius:20px;color:#fff;background:linear-gradient(145deg,#302145,#593c83)}.result blockquote{margin:10px 0 16px;font-size:19px;line-height:1.5;font-weight:650}.date{background:linear-gradient(135deg,#c35c82,#6b43a4 75%)}.item{padding:13px 0;border-top:1px solid #e9e2ed}.item:first-child{border:0}.item b{display:block}.item p{margin:4px 0;font-size:11px}.rit{padding:11px;margin-top:7px;border-radius:12px;background:#f8f4fa;font-size:12px}.nav{position:fixed;left:50%;bottom:10px;z-index:8;transform:translateX(-50%);width:min(calc(100% - 24px),550px);height:67px;padding:7px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;border-radius:23px;background:#201a29ef;box-shadow:0 18px 45px #1f172a40}.nav button{border:0;border-radius:16px;color:#bfb7c9;background:transparent;font-size:9px;font-weight:800}.nav button.on{color:#fff;background:linear-gradient(145deg,#7a58d0,#5939ad)}.onboard{min-height:100vh;padding:16px;display:grid;place-items:center;background:radial-gradient(circle at 10% 0,#e8ddff,transparent 28rem),#fff8fb}.oncard{width:min(100%,600px);padding:38px;border-radius:31px;background:#fffffff0;box-shadow:0 35px 95px #4b306326}.oncard .logo{width:68px;height:68px;margin-bottom:22px;border-radius:22px;font-size:28px}.oncard h1{font-size:clamp(37px,8vw,53px)}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.form label{color:#756e7d;font-size:11px;font-weight:900}.form input{margin-top:6px}.privacy{padding:12px;border:1px solid #e3d7f7;border-radius:14px;color:#615670;background:#f4effc;font-size:11px;line-height:1.5}.oncard>.btn{width:100%;margin-top:16px}@media(max-width:620px){main{padding:22px 13px}.grid,.fields,.form{grid-template-columns:1fr}.hero,.prompt,.date{padding:24px 20px}.card{padding:20px 16px}.oncard{padding:30px 20px;min-height:calc(100vh - 32px);display:flex;flex-direction:column;justify-content:center}}