@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Noto+Sans+KR:wght@400;500;700&display=swap";:root{--bg: #f4f1eb;--bg-deep: #e7dfd1;--text: #1e1c18;--text-soft: #5f5a51;--card: rgba(255, 255, 255, .76);--border: rgba(30, 28, 24, .12);--brand: #bf5f30;--brand-dark: #98420f;--ok: #13795b;--err: #b61f1f;--shadow: 0 12px 40px rgba(92, 74, 41, .14)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Noto Sans KR,Space Grotesk,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,#f8d4b2 0%,transparent 36%),radial-gradient(circle at 90% 10%,#cde3de 0%,transparent 32%),linear-gradient(180deg,var(--bg),var(--bg-deep))}a{color:inherit;text-decoration:none}.app-shell{width:min(1120px,94vw);margin:0 auto;padding:1.2rem 0 3rem}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:14px;background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.top-nav nav{display:flex;gap:.8rem}.top-nav nav a,.brand{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.02em}.session-block{display:flex;align-items:center;gap:.6rem}.page,.landing{display:grid;gap:1rem}.hero{border-radius:20px;border:1px solid var(--border);padding:1.5rem;background:linear-gradient(140deg,#fffc,#f7e2cbad);box-shadow:var(--shadow)}.hero h1{margin:.4rem 0 .8rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.08}.eyebrow{margin:0;color:var(--brand-dark);font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.hero-actions{display:flex;gap:.8rem;margin-top:1rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.panel{border:1px solid var(--border);border-radius:16px;padding:1rem 1.1rem;background:var(--card);box-shadow:var(--shadow)}.panel h2,.panel h3{margin:0 0 .7rem;font-family:Space Grotesk,sans-serif}.panel p{margin:.3rem 0;color:var(--text-soft)}.panel-head{display:flex;justify-content:space-between}.form-panel{width:min(640px,100%)}form{display:grid;gap:.8rem}label{display:block;font-size:.92rem;font-weight:600;color:var(--text)}input{width:100%;border-radius:12px;border:1px solid var(--border);padding:.65rem .8rem;background:#ffffffd9;color:var(--text)}.row-2{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.btn{border:1px solid transparent;border-radius:12px;padding:.6rem .95rem;cursor:pointer;font-weight:700;transition:transform .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(120deg,var(--brand),var(--brand-dark));color:#fff}.btn-ghost{background:#fff9;color:var(--text);border-color:var(--border)}.tone-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.tone-card{border-radius:12px;border:1px solid var(--border);padding:.6rem;background:#ffffffbd}.tone-meta{display:flex;justify-content:space-between;align-items:center}.tone-submeta{margin-top:.2rem;margin-bottom:.35rem;display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem;color:var(--text-soft);font-family:Space Grotesk,sans-serif}.tone-preview{width:100%;aspect-ratio:1 / 1;border-radius:10px;border:1px solid var(--border);margin-bottom:.55rem;background-color:#f8f8f8}.score{font-size:.9rem;color:var(--brand-dark)}.top3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.top3-card{border:1px solid var(--border);border-radius:12px;padding:.7rem;background:#ffffffbf}.history-list{display:grid;gap:.8rem}.history-card{display:flex;justify-content:space-between;gap:1rem;border:1px solid var(--border);border-radius:12px;padding:.8rem;background:#ffffffbf}.history-card div:last-child{text-align:right;display:grid;gap:.3rem;justify-items:end}.plain-list{margin:.4rem 0 1rem;padding-left:1.1rem}.success{color:var(--ok)!important}.error{color:var(--err)!important}.debug{word-break:break-all}.guide{margin-bottom:.6rem!important}.disclaimer,.footer-note{font-size:.86rem;color:var(--text-soft)}.footer-note{margin-top:1rem;text-align:center}@media(max-width:920px){.top-nav{flex-wrap:wrap}.feature-grid,.top3-grid,.tone-board{grid-template-columns:1fr}}