:root{--ink:#171321;--muted:#665f72;--purple:#7250a8;--lav:#f3eefb;--line:#e5dff0;--yes:#3f8f6b;--maybe:#c99a2e;--no:#bd3f82}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fbfafc;color:var(--ink);line-height:1.5}.top{background:linear-gradient(135deg,#fff,var(--lav));border-bottom:1px solid var(--line)}.nav{max-width:1180px;margin:auto;padding:16px 20px;display:flex;justify-content:space-between}.nav a{color:var(--purple);font-weight:800;text-decoration:none;margin-right:16px}.logo{font-weight:900}.wrap{max-width:1180px;margin:auto;padding:28px 20px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 30px rgba(38,18,70,.07);padding:24px;margin-bottom:22px}.feature{background:linear-gradient(135deg,#fff,#f7f3fc)}.eyebrow{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:var(--purple)}h1{font-size:38px;line-height:1.08;margin:8px 0 12px}.sub{font-size:18px;color:var(--muted)}.layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px}.question{font-size:23px;font-weight:900}.tokens{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.token{border:0;border-radius:18px;padding:14px;font-weight:900;color:#fff;cursor:grab;box-shadow:0 8px 18px rgba(0,0,0,.12)}.token[data-token=yes]{background:var(--yes)}.token[data-token=maybe]{background:var(--maybe)}.token[data-token=no]{background:var(--no)}.token.placed{opacity:.45}.gridbox{position:relative;aspect-ratio:1/1;background:#fff;border:1px solid #d8d2e2;border-radius:18px;overflow:hidden}.gridbox:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ece8f2 1px,transparent 1px),linear-gradient(90deg,#ece8f2 1px,transparent 1px);background-size:20% 20%}.axisx,.axisy{position:absolute;background:#aaa4b2}.axisx{left:0;right:0;top:50%;height:2px}.axisy{top:0;bottom:0;left:50%;width:2px}.zone{position:absolute;border:2px dashed rgba(114,80,168,.32);display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;font-weight:900;color:#5d4b75}.z-top{left:25%;top:0;width:50%;height:30%}.z-left{left:0;top:30%;width:35%;height:40%}.z-center{left:35%;top:30%;width:30%;height:40%}.z-right{right:0;top:30%;width:35%;height:40%}.z-bottom{left:25%;bottom:0;width:50%;height:30%}.dropitem{position:absolute;transform:translate(-50%,-50%);border-radius:999px;padding:8px 10px;color:#fff;font-weight:900;font-size:12px;z-index:5}.importance-labels{display:flex;justify-content:space-between;color:var(--muted);font-weight:800}.scale{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin:10px 0}.scale button{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:900;cursor:pointer}.scale button.on{background:var(--purple);color:white}.btn{display:inline-block;background:var(--purple);color:#fff;text-decoration:none;border-radius:999px;padding:12px 16px;border:0;font-weight:900;cursor:pointer}.btn[disabled]{opacity:.45;cursor:not-allowed}.result{display:none}.result.on{display:block}.muted{color:var(--muted)}textarea{width:100%;height:92px;border:1px solid var(--line);border-radius:12px;padding:10px}.small{font-size:14px}footer{text-align:center;color:#777;padding:30px;border-top:1px solid var(--line)}@media(max-width:900px){.layout,.tokens,.scale{grid-template-columns:1fr}h1{font-size:30px}}