:root{--bg: #0f1115;--surface: #181b22;--surface-2: #1f2330;--text: #f3f5fb;--muted: #9aa4b2;--accent: #ff6f91;--line: #2a3140;--radius: 16px;--shadow: rgba(0, 0, 0, .25)}*{box-sizing:border-box}body{margin:0;font-family:Fraunces,"Noto Serif KR",serif;color:var(--text);background:var(--bg);min-height:100vh}.bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 20%,rgba(255,111,145,.25),transparent 45%),radial-gradient(circle at 85% 10%,rgba(129,201,149,.2),transparent 40%),linear-gradient(140deg,#0f1115,#131824 50%,#0f1115);z-index:-1}.hero{padding:60px 20px 30px}.hero-inner{max-width:1100px;margin:0 auto;background:linear-gradient(135deg,#181b22f2,#0f1115f2);border:1px solid var(--line);border-radius:24px;padding:36px;box-shadow:0 26px 70px var(--shadow);position:relative;overflow:hidden}.hero-inner:after{content:"";position:absolute;width:220px;height:220px;background:radial-gradient(circle,rgba(255,111,145,.4),transparent 65%);top:-90px;right:-70px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--muted);margin:0 0 12px}h1{font-size:clamp(28px,4vw,52px);margin:0 0 12px}.sub{color:var(--muted);margin:0 0 20px;max-width:680px}.hero-meta{display:flex;flex-wrap:wrap;gap:10px}.pill{background:var(--surface-2);border:1px solid var(--line);padding:8px 14px;border-radius:999px;font-size:13px}.container{max-width:1100px;margin:0 auto;padding:0 20px 60px}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:30px}.control-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px}.control-card label{font-size:14px;color:var(--muted)}.control-card input,.control-card select,.control-card textarea{background:var(--surface-2);border:1px solid var(--line);color:var(--text);padding:10px 12px;border-radius:12px;font-size:14px;font-family:Sora,Noto Sans KR,sans-serif}.note-preview{min-height:36px;border-radius:12px;border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.button-row{display:flex;gap:10px;flex-wrap:wrap}button{border:none;background:var(--accent);color:#14151c;padding:10px 14px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .15s ease}button:hover{transform:translateY(-2px)}button.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.hint{margin:0;font-size:12px;color:var(--muted)}.calendar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.calendar-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);color:var(--muted);font-size:12px;text-align:center;margin-bottom:8px}.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;min-height:90px;padding:8px;position:relative;display:flex;flex-direction:column;gap:6px}.day .date{font-size:12px;color:var(--muted)}.day .perfume{font-size:12px;line-height:1.3}.day .color-chip{height:18px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.day.today{border-color:#ff6f9199}.day.inactive{opacity:.4}.footer{text-align:center;color:var(--muted);font-size:12px;padding:20px 12px 40px}@media (max-width: 640px){.calendar-header{flex-direction:column}}
