:root{--ink:#30243d;--muted:#75677f;--plum:#24152f;--pink:#ff9bc9;--lav:#bba7ef;--mint:#bde8d8;--gold:#f2d18a;--line:#e7d6ef;--surface:#fff7fc;--surface2:#f2eaff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 8% 5%,#57365e 0,transparent 28%),radial-gradient(ellipse at 95% 25%,#493b72 0,transparent 30%),radial-gradient(ellipse at 50% 90%,#3c294c 0,transparent 40%),linear-gradient(135deg,#160f24,#30203f 48%,#18253d);color:var(--ink);font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;background-attachment:fixed}
button,input,textarea,select{font:inherit}button{border:0;border-radius:13px;padding:10px 15px;background:linear-gradient(120deg,#714b86,#49315d);color:white;font-weight:750;cursor:pointer;box-shadow:0 5px 14px #34213f20}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button.secondary{background:#fff7fc;color:#513b60;border:1px solid #e3d2eb;box-shadow:none}button.soft{background:linear-gradient(120deg,#f5b4d1,#d6c5f6);color:#4a3156}button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.wrap{max-width:1160px;margin:auto;padding:22px}.top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;color:white}.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:.04em}.bow{height:52px;width:52px;border-radius:18px;background:linear-gradient(135deg,#ffc1dc,#cfc0ff);display:grid;place-items:center;font-size:29px;box-shadow:0 8px 20px #1d102b40}.sub{font-size:10px;color:#f4d7ef;letter-spacing:.16em}.switch{display:flex;gap:8px;flex-wrap:wrap}.switch button{background:#ffffff20;border:1px solid #ffffff45;color:#fff;box-shadow:none}.switch button.active{background:linear-gradient(120deg,#ef8fbd,#a78be4);border-color:transparent;color:#382343}.hero{margin:22px 0;padding:clamp(24px,5vw,46px);border-radius:29px;background:linear-gradient(115deg,#fbe2ef 0%,#e9dcff 55%,#d9f2eb 100%);border:1px solid #ffffffaa;position:relative;overflow:hidden;box-shadow:0 18px 45px #1c102b35}.kitty-art{position:absolute;right:clamp(14px,4vw,42px);top:50%;transform:translateY(-50%);width:clamp(112px,19vw,190px);height:auto;border-radius:24px;box-shadow:0 12px 28px #57365e30;border:5px solid #fff9;z-index:0}.hero>*:not(.kitty-art){position:relative;z-index:1}.hero h1,.hero p{max-width:65%}.eyebrow{font-size:11px;font-weight:950;letter-spacing:.16em;color:#94547d;text-transform:uppercase}.hero h1{font-size:clamp(30px,5vw,53px);line-height:1.05;max-width:680px;margin:9px 0;color:#3e2b4d}.hero p{max-width:680px;color:#66566f}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card,.panel,.stat{background:linear-gradient(145deg,#fff8fd,#f0e8fb);border:1px solid #ffffffaa;border-radius:21px;padding:19px;box-shadow:0 12px 30px #1d102b24}.card{position:relative;overflow:hidden}.card:after{content:"✦";position:absolute;right:13px;top:10px;color:#e99ac5;font-size:18px;opacity:.7}.card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(#f19ac2,#b9a3ed)}.card h3{margin:8px 0 5px;color:#493452}.card p{margin:0 0 14px;color:var(--muted);min-height:48px}.emoji{font-size:29px}.tag{display:inline-block;background:#f8dce9;color:#8b4b70;padding:4px 10px;border-radius:30px;font-size:11px;font-weight:900}.head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin:28px 0 13px;color:white}.head h2{margin:3px 0 0;font-size:24px;color:white}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.stat{background:linear-gradient(140deg,#f9e4f0,#e9e0ff);border:1px solid #ffffff80}.stat strong{display:block;font-size:27px;color:#874b83}.stat span{font-size:12px;color:#6d5a78}.layout{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.mission{background:linear-gradient(145deg,#fff,#fff4f8);border:1px solid var(--line);border-radius:20px;padding:20px}.muted{color:var(--muted)}.task{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid #eaddec}.task:last-child{border:0}.task input{margin-top:4px;accent-color:#e98bb8;width:18px;height:18px}.task.done label{text-decoration:line-through;color:#9b8c9a}.field{display:grid;gap:6px;margin:10px 0}.field input,.field textarea,.field select{width:100%;border:1px solid #dfcfe8;border-radius:12px;padding:11px;background:#fffaff;color:var(--ink);outline-color:#bd9cdd}textarea{min-height:85px;resize:vertical}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.progress{height:10px;border-radius:20px;background:#e7d9ed;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#ee91bd,#ad9bea,#9edbc9);width:0}.notice{border-radius:14px;background:#fff0c9;padding:12px 14px;color:#70552b;font-size:13px;margin:14px 0;border:1px solid #f5df9f}.hidden{display:none!important}.item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #eaddec}.item:last-child{border:0}.item small{display:block;color:var(--muted)}.pill{border-radius:30px;background:#dff3e9;color:#39765b;padding:4px 9px;font-size:11px;font-weight:850}.ai-box{background:linear-gradient(135deg,#e9ddff,#ffe0ef 60%,#fff7fc);border:1px solid #fff;border-radius:22px;padding:20px;box-shadow:0 12px 30px #1d102b20}.ai-box h2{margin:4px 0;color:#493452}.ai-label{display:inline-flex;gap:7px;align-items:center;background:#fff9;padding:5px 10px;border-radius:30px;color:#684d78;font-size:11px;font-weight:900}footer{margin:28px 0 8px;padding-top:16px;border-top:1px solid #ffffff55;font-size:12px;color:#f2e5f5}
@media(max-width:760px){.grid{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}.wrap{padding:13px}.kitty-art{width:112px;right:12px;opacity:.95}.hero h1,.hero p{max-width:68%}.card p{min-height:0}}
@media(max-width:480px){.grid{grid-template-columns:1fr}.stats{gap:7px}.stat{padding:12px}.stat strong{font-size:20px}.kitty-art{position:relative;display:block;top:auto;right:auto;transform:none;width:112px;margin:12px auto 0}.hero h1,.hero p{max-width:100%}}