:root{--bg:#fff8fb;--bg-alt:#fff0f6;--panel:#fff;--ink:#493c46;--ink-soft:#8b7784;--line:#f2dbe6;--sakura:#f58bb5;--sakura-deep:#db5f91;--accent:#f58bb5;--accent2:#bca2ef;--cyan:#7bcbd1;--ok:#55b98c;--danger:#d95c70;--shadow:0 10px 30px rgba(157,105,132,.10)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);font-family:'Noto Sans KR','Nanum Gothic',system-ui,sans-serif;background:linear-gradient(180deg,#fffafd 0,#fff6fa 50%,#fff 100%)}body:before{content:"";position:fixed;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#f7a8c7,#d8c2f2,#a8dfe2);z-index:10}a{color:var(--sakura-deep);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:820px;margin:0 auto;padding:0 20px 72px}.wrap.narrow{max-width:520px}header.hero{padding:48px 0 24px;text-align:center}.eyebrow{display:inline-flex;align-items:center;padding:7px 14px;border:1px solid #f1cfde;border-radius:999px;background:#fff;color:var(--sakura-deep);font-size:12px;font-weight:800;letter-spacing:.04em;box-shadow:0 4px 14px rgba(213,107,153,.08)}h1{margin:14px 0 8px;font-size:clamp(28px,6vw,42px);line-height:1.2;font-weight:900;letter-spacing:-.04em;color:#4d3c47}.sub{font-size:14px;line-height:1.75;color:var(--ink-soft);margin:0 0 16px}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;margin:14px 0;padding:20px;box-shadow:var(--shadow)}.card:after{content:"🌸";position:absolute;right:14px;top:11px;font-size:12px;opacity:.18}.field{margin-bottom:15px}.field label{display:block;font-size:13px;color:#725d6b;margin-bottom:7px;font-weight:800}.field input[type=text],.field input[type=password],.field input[type=email],.field input[type=number],.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #ead4df;border-radius:11px;font-size:14px;background:#fffafd;color:var(--ink);font-family:inherit;transition:.15s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#ef9dbd;box-shadow:0 0 0 3px rgba(245,139,181,.13);background:#fff}.field input[type=file]{font-size:13px;color:var(--ink-soft)}.help{display:block;margin-top:7px;color:#9a8491;font-size:12px;line-height:1.55}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#f28bb4,#e675a3);color:#fff!important;text-decoration:none!important;border:1px solid #e87da9;border-radius:11px;padding:10px 18px;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 6px 16px rgba(225,105,154,.17);transition:.15s}.btn:hover{transform:translateY(-1px);filter:brightness(1.02)}.btn-outline{background:#fff;color:#c65d89!important;border:1px solid #edc7d8;box-shadow:none}.btn-outline:hover{background:#fff5f9}.btn-danger{background:#fff;color:#c94f63!important;border:1px solid #e9a7b1;box-shadow:none}.btn-danger:hover{background:#fff1f3}.qno,.q-order{display:inline-flex!important;align-items:center;font-family:inherit!important;font-size:11px!important;font-weight:900;color:#c95887!important;background:#fff0f6!important;border:1px solid #f1cddd!important;border-radius:999px!important;padding:6px 10px!important;margin-bottom:10px}.qtext{font-weight:800;font-size:18px;line-height:1.6;margin:0 0 14px;color:#493c46}.qimg{border-radius:14px;overflow:hidden;background:#fff7fa;border:1px solid var(--line);margin-bottom:14px;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}.qimg img{width:100%;height:100%;object-fit:cover;display:block}.choice-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice-list label{border:1px solid #ecd8e2;border-radius:12px;padding:12px 13px;font-size:14px;background:#fffafd;display:flex;align-items:center;gap:9px;cursor:pointer;transition:.15s}.choice-list label:hover{border-color:#eca9c4;background:#fff4f8}.choice-list input[type=radio]{accent-color:var(--sakura)}.choice-list label.correct{background:#effbf5;border-color:#94d6b7;color:#348661;font-weight:800}.choice-list label.wrong,.choice-list label.picked-wrong{background:#fff1f3;border-color:#eba6b0;color:#c54c61}.remove-q{float:right;color:#c94f63;background:#fff;border:1px solid #efc5cc;border-radius:8px;cursor:pointer;font-size:12px;font-weight:800;padding:6px 10px}.remove-q:hover{background:#fff1f3}.alert,.saved-banner{padding:12px 15px;border-radius:12px;font-size:13px;font-weight:700;margin-bottom:12px}.alert.danger{background:#fff1f3;border:1px solid #efc2ca;color:#bd4459}.saved-banner{background:#fff1f7;color:#c45683;border:1px solid #efcedc}.pkg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.pkg-row:last-child{border-bottom:0}.pkg-title{font-weight:800;font-size:15px;margin:0 0 5px}.pkg-meta{font-size:12px;color:var(--ink-soft);margin:0}.pkg-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pkg-actions .btn{padding:8px 12px;font-size:12px}.mini-key{width:130px;padding:8px 10px;border:1px solid #ead4df;border-radius:9px;background:#fffafd;font-family:inherit;font-size:12px}.delete-form{display:inline-flex!important;align-items:center;gap:6px}.pkg-inactive{opacity:.55}.badge-off{display:inline-block;background:#f5eff2;color:#8f7a86;font-size:11px;padding:2px 8px;border-radius:999px;margin-left:6px}.result-hero{text-align:center;padding:36px 0}.result-score{font-size:42px;font-weight:900;color:var(--sakura-deep);margin:12px 0}.result-point{display:inline-flex;background:#fff1f7;color:#c45683;border:1px solid #efcedc;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:800}.q-add-row{border-top:1px dashed #e8cbd8;padding-top:16px;margin-top:16px}
@media(max-width:650px){.wrap{padding:0 12px 48px}header.hero{padding-top:34px}.card{padding:16px;border-radius:15px}.choice-list{grid-template-columns:1fr}.pkg-row{align-items:flex-start;flex-direction:column}.pkg-actions{width:100%}.pkg-actions .btn{flex:1}.delete-form{width:100%}.mini-key{flex:1;min-width:120px}}

/* 2026 refresh — soft moe community inspired UI */
:root{--bg:#fff9fc;--bg-alt:#fff1f7;--panel:#ffffff;--ink:#40353d;--ink-soft:#8c7a85;--line:#f1dce6;--sakura:#f27fab;--sakura-deep:#d8588c;--accent:#f27fab;--accent2:#c8b3f3;--cyan:#9ddce0;--ok:#57b98d;--danger:#cf5268;--shadow:0 12px 36px rgba(174,107,140,.11)}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 3%,rgba(255,207,226,.34),transparent 23rem),radial-gradient(circle at 92% 13%,rgba(211,199,248,.28),transparent 25rem),linear-gradient(180deg,#fffafd 0,#fff7fb 48%,#fff 100%);letter-spacing:-.015em}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle,rgba(242,127,171,.11) 1px,transparent 1.2px);background-size:26px 26px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 58%)}
.wrap{max-width:960px;padding:0 22px 84px}header.hero{padding:64px 0 30px}.eyebrow{padding:8px 15px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);border-color:#f1cfdd;box-shadow:0 7px 24px rgba(213,107,153,.10)}h1{font-size:clamp(30px,6vw,46px);color:#453740;text-shadow:0 2px 0 #fff}.sub{font-size:14px;color:#907b87}.card{border-color:rgba(239,211,224,.92);border-radius:22px;padding:24px;background:rgba(255,255,255,.94);box-shadow:0 12px 35px rgba(164,99,132,.10),inset 0 1px 0 #fff;backdrop-filter:blur(10px)}.card:after{content:"✿";font-size:14px;color:#ee9cbd;opacity:.28}.card:hover{border-color:#edccdc}
.field label{color:#68545f}.field input[type=text],.field input[type=password],.field input[type=email],.field input[type=number],.field select,.field textarea{min-height:46px;border-color:#ecd6e1;border-radius:13px;background:#fffbfd;box-shadow:inset 0 1px 2px rgba(112,68,88,.025)}.field input:hover,.field select:hover,.field textarea:hover{border-color:#e8bfd1}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ed8fb5;box-shadow:0 0 0 4px rgba(242,127,171,.12)}
.btn{min-height:42px;border-radius:12px;padding:10px 19px;background:linear-gradient(135deg,#f38cb4,#e96e9f);border-color:#e879a5;box-shadow:0 7px 18px rgba(222,91,145,.17)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(222,91,145,.21)}.btn-outline{background:#fff;color:#c95c88!important;border-color:#edc8d8;box-shadow:0 4px 12px rgba(170,104,135,.06)}.btn-outline:hover{background:#fff5f9}.btn-danger{background:#fff;color:#c64e64!important;border-color:#e9a8b4}.btn-danger:hover{background:#fff1f4}.pkg-row{padding:18px 2px!important}.pkg-title{font-size:16px!important;color:#493943}.pkg-meta{line-height:1.65}.mini-key{min-height:38px;border-color:#ead4df;background:#fffbfd}.qimg{border-radius:17px}.choice-list label{min-height:48px;border-radius:14px;background:#fffbfd}.choice-list label:hover{transform:translateY(-1px);box-shadow:0 5px 13px rgba(190,116,149,.07)}
@media(max-width:650px){.wrap{padding:0 13px 56px}header.hero{padding-top:44px}.card{padding:18px;border-radius:18px}.pkg-actions{gap:7px}.pkg-actions .btn{min-width:0}.delete-form{display:grid!important;grid-template-columns:1fr auto}.mini-key{width:100%}}