:root {
 --lamp-bg:#faf7f0;--lamp-surface:#fff;--lamp-surface-2:#f3eee2;--lamp-text:#2a2418;--lamp-text-muted:#6b6250;--lamp-border:#e2d9c4;--lamp-accent:#94651a;--lamp-accent-text:#fff;--lamp-genie:#3b5bdb;--lamp-genie-bubble:#eef2ff;--lamp-user-bubble:#fff4dc;--lamp-warn-bg:#fff6cc;--lamp-warn-text:#6b5400;--lamp-warn-mark:#ffe066;--lamp-danger:#b32323;--lamp-exe-g:#287c38;--lamp-exe-y:#996000;--lamp-exe-r:#bf2929;--lamp-smoke:rgba(120,110,160,.35);--lamp-focus:#3b5bdb;
 --lamp-space-1:4px;--lamp-space-2:8px;--lamp-space-3:12px;--lamp-space-4:16px;--lamp-space-5:24px;--lamp-space-6:32px;--lamp-space-7:48px;
 --lamp-font:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;--lamp-fs-xs:.8125rem;--lamp-fs-sm:.875rem;--lamp-fs-md:1rem;--lamp-fs-lg:1.125rem;--lamp-fs-xl:1.375rem;--lamp-fs-2xl:1.75rem;--lamp-lh:1.6;
 --lamp-radius-sm:8px;--lamp-radius-md:14px;--lamp-radius-lg:22px;--lamp-shadow:0 2px 10px rgba(60,45,10,.08);--lamp-dur-fast:150ms;--lamp-dur:300ms;--lamp-dur-slow:900ms;--lamp-ease:cubic-bezier(.2,.7,.2,1);--lamp-max-width:640px;--lamp-tap:44px;
}
@media(prefers-color-scheme:dark){:root{--lamp-bg:#191a1e;--lamp-surface:#23252b;--lamp-surface-2:#2d2d32;--lamp-text:#f0ebdf;--lamp-text-muted:#c2bbab;--lamp-border:#484338;--lamp-accent:#e2b767;--lamp-accent-text:#26200f;--lamp-genie:#a6b5ff;--lamp-genie-bubble:#292f49;--lamp-user-bubble:#393122;--lamp-warn-bg:#3d3417;--lamp-warn-text:#f9e19b;--lamp-warn-mark:#ecc54f;--lamp-danger:#ff9797;--lamp-exe-g:#82d68f;--lamp-exe-y:#ffc264;--lamp-exe-r:#ff9999;--lamp-smoke:rgba(171,162,210,.35);--lamp-focus:#a6b5ff}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--lamp-bg);color:var(--lamp-text);font:var(--lamp-fs-md)/var(--lamp-lh) var(--lamp-font)}[hidden]{display:none!important}a{color:var(--lamp-accent);text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{min-height:var(--lamp-tap);padding:10px 18px;border:1px solid var(--lamp-border);border-radius:var(--lamp-radius-sm);background:var(--lamp-surface);color:var(--lamp-text);cursor:pointer;transition:background var(--lamp-dur-fast)}button:hover{background:var(--lamp-surface-2)}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--lamp-accent);color:var(--lamp-accent-text);border-color:var(--lamp-accent);font-weight:700}.primary:hover{filter:brightness(.94);background:var(--lamp-accent)}:focus-visible{outline:3px solid var(--lamp-focus);outline-offset:4px}input:not([type=checkbox]),textarea,select{width:100%;background:var(--lamp-surface);color:var(--lamp-text);border:1px solid var(--lamp-border);border-radius:var(--lamp-radius-sm);padding:12px;min-height:var(--lamp-tap)}textarea{resize:vertical;line-height:1.7}label{display:block;margin:16px 0 8px;font-weight:600}input[type=checkbox]{width:21px;height:21px;accent-color:var(--lamp-accent);flex-shrink:0}.check{display:flex;align-items:center;gap:12px;min-height:44px;font-weight:400}h1,h2,h3{line-height:1.4;word-break:keep-all}h1{font-size:var(--lamp-fs-2xl);letter-spacing:-1px}h2{font-size:var(--lamp-fs-xl);margin:0 0 16px}h3{font-size:var(--lamp-fs-lg)}p{overflow-wrap:anywhere}.topbar,footer{max-width:calc(var(--lamp-max-width) + 48px);margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:var(--lamp-fs-xs);color:var(--lamp-text-muted)}.brand{font-size:1rem;font-weight:700;text-decoration:none;color:var(--lamp-text)}main{max-width:var(--lamp-max-width);margin:auto;padding:0 20px}.hero{text-align:center;padding:28px 0 20px}.eyebrow{font-size:var(--lamp-fs-xs);letter-spacing:2px;color:var(--lamp-accent)}.lamp{width:250px;height:165px;display:block;margin:12px auto 0}.smoke{fill:none;stroke:var(--lamp-smoke);stroke-width:8;stroke-linecap:round;animation:drift 6s ease-in-out infinite}.smoke-two{animation-delay:-3s;stroke-width:5}.intro{text-align:left;color:var(--lamp-text-muted);font-size:var(--lamp-fs-sm)}.intro p{margin:8px 0}.quota{display:flex;align-items:center;justify-content:center;gap:10px;margin:26px 0 4px;font-size:var(--lamp-fs-sm)}.light{width:10px;height:10px;border-radius:50%;background:var(--lamp-accent);box-shadow:0 0 10px #c8901e33}.light.off{background:var(--lamp-border);box-shadow:none}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 14px}.section-heading h2{margin:0}.section-heading a{font-size:var(--lamp-fs-sm);min-height:44px;display:flex;align-items:center}.preview{display:grid;gap:10px}.preview .card{padding:16px;background:var(--lamp-surface-2);box-shadow:none}.preview .card p{margin:8px 0;font-size:var(--lamp-fs-sm)}.card,.panel{border:1px solid var(--lamp-border);border-radius:var(--lamp-radius-md);background:var(--lamp-surface);padding:24px;margin:16px 0;box-shadow:var(--lamp-shadow)}.card{padding:20px}.preview .card{margin:0}.card header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.card h3{margin:12px 0}.muted{color:var(--lamp-text-muted)}.small{font-size:var(--lamp-fs-xs)}.large-label{font-size:var(--lamp-fs-xl);margin-top:0}.order{font-size:var(--lamp-fs-sm);color:var(--lamp-accent)}.counter{text-align:right;font-size:var(--lamp-fs-xs);color:var(--lamp-text-muted)}#wish-submit{width:100%;display:flex;justify-content:space-between;margin-top:20px}.notice,.warning{padding:16px;border-radius:var(--lamp-radius-sm);background:var(--lamp-warn-bg);color:var(--lamp-warn-text)}mark{background:var(--lamp-warn-mark);color:#302500;padding:2px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.actions>*{flex:1}.status{color:var(--lamp-genie);font-size:var(--lamp-fs-sm);white-space:pre-line}.status:empty{display:none}.error{color:var(--lamp-danger)}.bubble{padding:20px 24px;margin:16px 0;border-radius:var(--lamp-radius-md);background:var(--lamp-genie-bubble);border-left:3px solid var(--lamp-genie);animation:appear var(--lamp-dur) var(--lamp-ease)}.bubble.user{background:var(--lamp-user-bubble);border-color:var(--lamp-accent);margin-left:30px}.question-form .choices{display:grid;gap:8px}.question-form .choices button{text-align:left}.question-form .selected{border:2px solid var(--lamp-genie)}.question-form .question-label{color:var(--lamp-genie);font-weight:700}.prompt{padding:18px;background:var(--lamp-surface-2);border:1px solid var(--lamp-border);border-radius:var(--lamp-radius-sm);white-space:pre-wrap;overflow-wrap:anywhere;font:var(--lamp-fs-sm)/1.8 var(--lamp-font);max-height:460px;overflow:auto}.exe{border-top:1px solid var(--lamp-border);margin-top:24px;padding-top:20px}.grade-G{color:var(--lamp-exe-g)}.grade-Y{color:var(--lamp-exe-y)}.grade-R{color:var(--lamp-exe-r)}.training{background:var(--lamp-surface-2)}.gallery{padding-top:18px}summary{cursor:pointer;min-height:44px;display:list-item;padding:8px 0}dialog{max-width:min(480px,calc(100% - 32px));border:1px solid var(--lamp-border);border-radius:var(--lamp-radius-lg);background:var(--lamp-surface);color:var(--lamp-text);padding:28px}dialog::backdrop{background:#14131acc;backdrop-filter:blur(4px)}#memo-body{font-size:var(--lamp-fs-lg);white-space:pre-line}footer{margin-top:36px;border-top:1px solid var(--lamp-border)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:18px;background:var(--lamp-surface);border:1px solid var(--lamp-border);border-radius:var(--lamp-radius-md)}.stat strong{display:block;font-size:1.6rem}.badge{font-size:var(--lamp-fs-xs);color:var(--lamp-text-muted)}.danger{color:var(--lamp-danger)}.skip-link{position:fixed;top:-100px;left:10px;background:var(--lamp-surface);padding:12px;z-index:10}.skip-link:focus{top:10px}body.heavy .smoke{animation:none;opacity:.2}body.heavy .bubble{animation:none}body.heavy .lamp{opacity:.6}
@keyframes drift{0%,100%{transform:translateY(4px);opacity:.35}50%{transform:translateY(-5px);opacity:.7}}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:600px){.preview{grid-template-columns:repeat(3,1fr)}.hero{padding-top:38px}.intro{max-width:540px;margin:auto}.hero h1{font-size:2rem}}@media(max-width:380px){.topbar>span{display:none}.panel{padding:18px}.section-heading{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.primary-column,.sidebar{min-width:0}.sidebar-summary{display:none}.card{transition:border-color var(--lamp-dur-fast),box-shadow var(--lamp-dur-fast);overflow-wrap:anywhere}h1,h2,h3{overflow-wrap:anywhere}.card:hover,.card:focus-within{border-color:var(--lamp-accent)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:14px;border-bottom:1px solid var(--lamp-border);overflow-wrap:anywhere}.admin-table th{color:var(--lamp-text-muted);font-size:var(--lamp-fs-sm)}.admin-table td:nth-child(2){max-width:350px}.admin-table caption{text-align:left}.admin-table button{white-space:nowrap}.admin-table-wrap{overflow-x:auto}
@media(min-width:1024px){:root{--lamp-max-width:740px}.workspace{max-width:1160px;display:grid;grid-template-columns:minmax(0,740px) minmax(280px,340px);gap:40px;padding:0 24px}.topbar,footer{max-width:1160px}.hero{display:grid;grid-template-columns:1fr 160px;text-align:left;padding:12px 0 8px;align-items:center;column-gap:20px}.hero .eyebrow{grid-column:1;grid-row:1}.hero .lamp{grid-column:2;grid-row:1 / 5;width:160px;height:125px;margin:0}.hero h1{grid-column:1;grid-row:2;font-size:1.7rem;margin:12px 0}.hero .intro{grid-column:1;grid-row:3;margin:0}.hero .quota{grid-column:1;grid-row:4;justify-content:flex-start;margin:14px 0 4px}.sidebar{padding-top:12px}.sidebar-summary{display:block;margin-top:0;padding:20px}.sidebar .section-heading{flex-wrap:wrap}.sidebar .section-heading h2{font-size:1.15rem}.sidebar .preview{grid-template-columns:1fr}.sidebar .preview .card{padding:14px}.sidebar .preview .card button{font-size:.8rem;padding:8px 14px}.sidebar .gallery{margin-top:30px}.panel{padding:24px}.order{margin-top:0}#keyboard-hint{margin:0}#wish-text{min-height:110px}#compose{margin-top:10px}#privacy-notice{margin:8px 0}#wish-submit{margin-top:12px}.prompt{max-height:560px}.admin-page main{max-width:1120px}.admin-page .stats{grid-template-columns:repeat(5,1fr)}.admin-page #login{max-width:520px}.admin-page #detail{max-width:800px}.admin-card-list{display:none}}
@media(max-width:1023px){.admin-table-wrap{display:none}.sidebar{display:none}}

/* The opening scene is deliberately vivid; conversation styles remain calm. */
.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr;gap:22px;grid-column:1 / -1;padding:36px;border:1px solid #51446e;border-radius:24px;background:radial-gradient(ellipse at 82% 35%,#382452 0,transparent 52%),linear-gradient(125deg,#101c32,#171a36 50%,#241735);color:#f5f1ff;text-align:left;margin-bottom:24px;box-shadow:0 16px 44px #151a3620}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.45;background-image:radial-gradient(circle at 15% 22%,#fff4d0 0 1px,transparent 1.5px),radial-gradient(circle at 68% 74%,#c1caff 0 1px,transparent 1.5px),radial-gradient(circle at 48% 15%,#fff4d0 0 1px,transparent 1.5px);background-size:157px 139px,199px 171px,271px 201px}
.hero-copy{width:55%;min-height:220px;animation:hero-arrive .65s 2.8s both}
.hero .eyebrow{color:#e9ce95;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;grid-area:auto}
.hero h1{font-size:clamp(2rem,3.2vw,2.85rem);line-height:1.25;letter-spacing:-.055em;color:#ffe2a3;margin:18px 0 16px;word-break:keep-all;text-wrap:balance;grid-area:auto;text-shadow:0 3px 26px #efbc6230}
.hero .intro{max-width:520px;margin:0;color:#e0dcf0;font-size:1rem;line-height:1.7;grid-area:auto}
.hero .intro p{margin:0}.hero-art{position:absolute;right:-8px;top:-2px;width:45%;height:490px;pointer-events:none;overflow:visible}
.hero-lamp{transform-origin:124px 297px;animation:lamp-awaken .6s both;filter:drop-shadow(0 0 7px #eabc4530)}
.nozzle-heat{transform-origin:124px 297px;opacity:.6;animation:nozzle-warm .6s both}
.genie-emergence{transform-origin:248px 233px;animation:genie-rise 1.2s 1.6s both}
.genie-float{animation:genie-breathe 6s 3.4s ease-in-out infinite;filter:drop-shadow(0 0 8px #36d1cf35)}.hero-stars{animation:star-shimmer 6s 3.4s ease-in-out infinite}.hero-orbits{animation:halo-enter 3.2s both}
.genie-arm-left{transform-origin:170px 136px;animation:arms-settle .65s 2.15s both}.genie-arm-right{transform-origin:339px 136px;animation:arms-settle-right .65s 2.15s both}
.genie-eyes{filter:drop-shadow(0 0 3px #ffe391);animation:eyes-flare .4s 2.8s both}.genie-jewel{animation:star-shimmer 5s 3.4s ease-in-out infinite}
.smoke-launch{transform-origin:124px 297px;animation:smoke-erupt 1.3s .9s both}.genie-tail{transform-origin:203px 261px;animation:tail-swirl 6s 3.4s ease-in-out infinite}
.genie-aura{transform-origin:262px 137px;animation:aura-spread .5s 2.8s both}
.nozzle-burst{opacity:0;transform-origin:124px 297px;animation:nozzle-flash .3s .6s both}.eruption-rays{opacity:0;transform-origin:124px 297px;animation:rays-burst .45s .6s both}.eruption-particles{opacity:0;transform-origin:124px 297px;animation:sparks-rise 1.3s .9s both}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:#ffe7b0;opacity:0;animation:scene-flash .3s .6s both}
.hero-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:0;list-style:none}
.hero-steps li{display:flex;gap:12px;align-items:center;padding:16px 12px;border:1px solid #75618e66;border-radius:12px;background:#ffffff08;animation:hero-arrive .75s both;min-width:0}
.hero-steps li:nth-child(1){animation-delay:3.1s}.hero-steps li:nth-child(2){animation-delay:3.3s}.hero-steps li:nth-child(3){animation-delay:3.5s}
.step-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border:1px solid #ccb27c88;border-radius:50%;color:#ffdfa0;font-size:1.25rem}
.hero-steps small{display:block;color:#c9bddf;font-size:.7rem;margin-bottom:3px}.hero-steps strong{display:block;color:#f8f2ff;font-size:.95rem;word-break:keep-all}
.hero-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hero .quota{display:flex;justify-content:flex-start;margin:0;color:#e8ddf4;font-size:.875rem;grid-area:auto;animation:hero-arrive .7s 3.7s both}
.hero .light{background:#ffd480;box-shadow:0 0 12px #f7c46299}.hero .light.off{background:#53475f;box-shadow:none}
.hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:48px;padding:12px 24px;border-radius:10px;color:#231b2a;background:#ffe2a3;font-weight:800;text-decoration:none;border:1px solid #fff0c9;box-shadow:0 4px 24px #ffd48025;animation:hero-arrive .7s 3.9s both;white-space:nowrap}
.hero-cta:hover{background:#fff0c9;color:#231b2a}.hero-cta:focus-visible{outline:3px solid #e6deff;outline-offset:5px}
#welcome-notes p{margin:0 0 8px}#wish-text{scroll-margin-top:24px}
.public-card{padding:24px}.card header{gap:12px}.card-wish{white-space:pre-wrap}.public-genie{position:relative;background:var(--lamp-genie-bubble);border-radius:2px 16px 16px 16px;padding:16px 18px;margin:18px 0;border-left:3px solid var(--lamp-genie)}
.genie-label{font-size:.75rem;font-weight:700;color:var(--lamp-genie)}.genie-reply{margin:8px 0 0;white-space:pre-wrap}.public-prompt{margin-top:14px}.public-prompt .prompt{max-height:none;overflow:visible}.preview-reply{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--lamp-text-muted);font-size:.875rem;margin:8px 0 12px}.preview-card a{font-size:.8125rem;display:inline-flex;align-items:center;min-height:44px}.preview-card .card-wish{margin-bottom:8px}
.sidebar .preview{grid-template-columns:minmax(0,1fr)}.preview-card{min-width:0}
@keyframes hero-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes lamp-awaken{0%{opacity:.45;transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-1.5deg)}80%{transform:rotate(1deg)}100%{opacity:1;transform:rotate(0)}}
@keyframes nozzle-warm{from{opacity:0;transform:scale(.3)}to{opacity:.6;transform:scale(1)}}
@keyframes genie-rise{0%{opacity:0;transform:translateY(78px) scale(.55,.2)}68%{opacity:1;transform:translateY(-8px) scale(1.04,1.05)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes halo-enter{0%,60%{opacity:0;transform:scale(.7)}100%{opacity:1;transform:scale(1)}}
@keyframes smoke-erupt{0%{opacity:0;transform:translateY(14px) rotate(-22deg) scale(.15,.1)}45%{opacity:1;transform:translateY(-12px) rotate(9deg) scale(.9,1.1)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes tail-swirl{0%,100%{transform:rotate(-2deg) scaleX(.98)}50%{transform:rotate(3deg) scaleX(1.03)}}
@keyframes arms-settle{from{transform:rotate(15deg)}to{transform:rotate(0)}}
@keyframes arms-settle-right{from{transform:rotate(-15deg)}to{transform:rotate(0)}}
@keyframes nozzle-flash{0%{opacity:0;transform:scale(.2)}35%{opacity:1;transform:scale(1.15)}100%{opacity:0;transform:scale(1.6)}}
@keyframes rays-burst{0%{opacity:0;transform:scale(.3)}25%{opacity:.9}100%{opacity:0;transform:scale(1.9)}}
@keyframes scene-flash{0%,100%{opacity:0}35%{opacity:.09}}
@keyframes sparks-rise{0%{opacity:0;transform:translateY(45px) scale(.3)}30%{opacity:.9}100%{opacity:0;transform:translateY(-64px) scale(1.3)}}
@keyframes eyes-flare{0%,100%{opacity:1;filter:drop-shadow(0 0 3px #ffe391)}50%{opacity:1;filter:drop-shadow(0 0 9px #fff4ce)}}
@keyframes aura-spread{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
@keyframes genie-breathe{0%,100%{transform:translateY(0);opacity:.9}50%{transform:translateY(-5px);opacity:1}}
@keyframes star-shimmer{0%,100%{opacity:.65}50%{opacity:1}}
@media(min-width:1024px){.workspace{row-gap:0}.hero{margin-top:8px;min-height:500px;align-content:center}.hero-steps,.hero-bottom{width:55%}.hero-steps li{flex-direction:column;align-items:flex-start;padding:12px;gap:8px}.hero-steps small{font-size:.63rem}.hero-steps strong{font-size:.83rem}.hero .quota{gap:7px;font-size:.78rem}.hero-cta{gap:15px;padding:12px 18px}.sidebar{padding-top:0}.sidebar-summary{margin-top:10px}}
@media(max-width:1023px){.hero{padding:28px}.hero-copy{min-height:220px}.hero-art{height:310px}.hero h1{font-size:2rem}.hero-steps li{gap:8px;padding:12px 8px}.hero-steps small{font-size:.65rem}.hero-steps strong{font-size:.82rem}}
@media(max-width:599px){.hero{gap:16px;padding:24px 20px;border-radius:18px}.hero-copy{width:100%;min-height:0}.hero h1{font-size:1.85rem;margin:14px 0 12px}.hero .intro{font-size:.875rem;line-height:1.65}.hero-art{position:relative;width:100%;height:218px;right:auto;top:auto;margin:-10px 0 -4px}.hero-steps{gap:6px}.hero-steps li{padding:12px 4px;flex-direction:column;gap:8px;text-align:center}.hero-steps small{display:none}.hero-steps strong{font-size:.75rem}.step-icon{flex-basis:auto;width:28px;height:28px;font-size:1rem}.hero-bottom{flex-direction:column;gap:14px}.hero .quota{font-size:.8125rem}.hero-cta{width:100%;min-height:48px}.public-card{padding:18px}.public-genie{padding:14px}.hero .eyebrow{font-size:.68rem;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.hero *, .hero::before,.hero::after{animation:none!important;opacity:1}.hero .nozzle-burst,.hero .eruption-rays,.hero .eruption-particles,.hero::after{display:none}}