:root{font-family:Sora,Noto Sans JP,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1c1b1a;background-color:#f8f4f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 20%,rgba(255,205,178,.5),transparent 55%),radial-gradient(circle at 85% 10%,rgba(178,217,255,.6),transparent 45%),linear-gradient(130deg,#f6efe9,#f2f7fb)}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit}button{border:none;border-radius:999px;padding:.5rem 1rem;background:#1c1b1a;color:#fffaf5;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #1814102e}button:focus-visible{outline:2px solid #e38551;outline-offset:2px}input,select{border-radius:14px;border:1px solid rgba(28,27,26,.12);padding:.6rem .8rem;background:#fffaf5}select{width:100%}#root{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem}@media(max-width:900px){#root{padding:2rem 1rem 3rem}}.app{display:flex;flex-direction:column;gap:2rem}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:2rem;align-items:center;padding:2rem;border-radius:28px;background:#ffffffb3;box-shadow:0 24px 60px #0f12141f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:#1c1b1a99;margin:0 0 .5rem}.hero h1{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 .8rem}.subtitle{margin:0;color:#1c1b1ab3}.hero-panel{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-radius:20px;background:#1c1b1a;color:#fffaf5}.label{font-size:.9rem;color:#fffaf5b3}.hero-stat{margin:.35rem 0 0;font-size:1.3rem;font-weight:600}.hero-panel select{background:#fffaf5;color:#1c1b1a}.badge-row{display:flex;flex-wrap:wrap;gap:.5rem}.badge{padding:.25rem .7rem;border-radius:999px;background:#fffaf52e;font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.card{background:#ffffffc7;border-radius:24px;padding:1.5rem;box-shadow:0 16px 40px #11151a14;display:flex;flex-direction:column;gap:1rem;min-height:320px}.card h2{margin:0;font-size:1.35rem}.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.subtle{font-size:.85rem;color:#1c1b1a8c}.button-row{display:flex;gap:.5rem}.button-row button{padding:.4rem .9rem;font-size:.85rem}.search{width:100%}.list{display:flex;flex-direction:column;gap:.8rem;max-height:420px;overflow:auto;padding-right:.4rem}.list-item{display:flex;gap:.8rem;align-items:center;padding:.6rem .7rem;border-radius:14px;background:#ffffffb3;border:1px solid rgba(28,27,26,.08)}.list-item input[type=checkbox]{width:1rem;height:1rem}.character-info{display:flex;flex-direction:column;gap:.2rem}.name{font-weight:600}.meta{display:inline-block;margin-left:0;font-size:.85rem;color:#1c1b1a99}.level-field{margin-left:auto;display:flex;align-items:center;gap:.4rem;font-size:.95rem;color:#1c1b1a99;min-width:140px;justify-content:flex-end}.level-input{width:80px;height:36px;padding:0 .6rem;text-align:right;font-size:1rem;background:#fffaf5;color:#1c1b1a;border:1px solid rgba(28,27,26,.18)}.section-label{margin:0;font-weight:600;font-size:.95rem}.chips{display:flex;flex-wrap:wrap;gap:.6rem}.mini-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.chip{padding:.4rem .75rem;border-radius:999px;background:#1c1b1a;color:#fffaf5;font-size:.85rem}.chip.small{padding:.2rem .5rem;font-size:.7rem}.chip.ghost{background:#1c1b1a14;color:#1c1b1a}.hint{font-size:.85rem;color:#1c1b1a99}.results{display:flex;flex-direction:column;gap:1rem}.result{border-radius:18px;padding:1rem;background:#fffaf5;border:1px solid rgba(28,27,26,.08);display:flex;flex-direction:column;gap:.8rem}.result-header{display:flex;justify-content:space-between;align-items:center}.rank{font-weight:700}.score{font-size:.85rem;color:#1c1b1a99}.members{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem}.member{padding:.6rem .7rem;border-radius:12px;background:#1c1b1a0a}.bonus{font-size:.85rem;color:#1c1b1ab3}.bonus-suggestions{display:flex;flex-direction:column;gap:.6rem;font-size:.85rem;color:#1c1b1ab3}.bonus-title{margin:0;font-weight:600}.bonus-style{display:flex;flex-direction:column;gap:.35rem}.bonus-rows{display:flex;flex-direction:column;gap:.25rem}.bonus-line{margin:0}.assignment-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.assignment{display:flex;flex-direction:column;gap:.7rem;padding:.8rem;border-radius:14px;background:#1c1b1a0a}.assignment-bonus{background:#e385511f;border:1px solid rgba(227,133,81,.35)}.assignment-title{margin:0;font-weight:600}@media(max-width:1000px){.hero,.grid{grid-template-columns:1fr}.card{min-height:unset}}