:root{--bg: #f4efe5;--bg-soft: rgba(255, 251, 245, .8);--panel: rgba(255, 252, 247, .9);--panel-strong: rgba(255, 255, 255, .95);--line: rgba(32, 58, 46, .12);--line-strong: rgba(32, 58, 46, .22);--ink: #1a3529;--ink-soft: #5c7265;--mint: #5f8f62;--mint-strong: #385d3e;--amber: #b67b35;--rose: #b45b55;--sky: #5e7ea8;--shadow: 0 20px 45px rgba(43, 62, 46, .08);color:var(--ink);font-family:SUIT Variable,Pretendard Variable,Noto Sans KR,sans-serif;line-height:1.5;font-weight:500;background:radial-gradient(circle at top left,rgba(201,222,192,.56),transparent 28%),radial-gradient(circle at top right,rgba(237,210,170,.42),transparent 24%),linear-gradient(180deg,#f7f2e8,#f1e7d7)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(26,53,41,.14);background:#ffffffb8;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid rgba(95,143,98,.2);border-color:#5f8f625c}.app-frame{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px 24px;border-right:1px solid var(--line);background:linear-gradient(180deg,#173025fa,#1d382df2),#173025f5;color:#f4f0e4;display:grid;gap:22px;align-content:start}.brand-block{display:grid;gap:8px}.brand-block h1{margin:0;font-size:2rem;font-family:Iropke Batang,Nanum Myeongjo,serif;letter-spacing:-.04em}.brand-block p{margin:0;color:#f4f0e4b8}.brand-kicker,.section-kicker{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.brand-kicker{color:#f4f0e494}.section-kicker{color:var(--ink-soft)}.sidebar-nav{display:grid;gap:10px}.nav-button{text-align:left;padding:14px 16px;border-radius:20px;border:1px solid rgba(244,240,228,.08);background:#ffffff0a;color:inherit;display:grid;gap:4px;transition:transform .18s ease,background .18s ease,border-color .18s ease}.nav-button strong{font-size:1rem}.nav-button span{color:#f4f0e4a8;font-size:.9rem}.nav-button:hover,.nav-button.is-active{transform:translate(2px);background:#ffffff1c;border-color:#f4f0e42e}.sidebar-footnote{padding:16px;border-radius:20px;border:1px solid rgba(244,240,228,.1);background:#ffffff0d;display:grid;gap:6px}.sidebar-footnote span,.sidebar-footnote p{color:#f4f0e4ad;margin:0}.sidebar-footnote strong{font-size:1rem}.content-shell{padding:28px 28px 56px;display:grid;gap:18px}.content-topbar{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:24px 26px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(140deg,#fffbf4eb,#e9f4e4d1);box-shadow:var(--shadow)}.content-topbar h2,.hero-card h2,.panel-card h3{margin:8px 0 0;font-family:Iropke Batang,Nanum Myeongjo,serif;letter-spacing:-.04em}.content-topbar h2{font-size:clamp(1.75rem,3vw,2.6rem)}.content-topbar p,.hero-copy p,.panel-card p,.body-text,.muted-text{margin:0;color:var(--ink-soft)}.topbar-meta{display:flex;flex-wrap:wrap;gap:8px}.content-main,.view-stack{display:grid;gap:18px}.hero-card,.panel-card{border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow)}.hero-card{padding:24px 26px;display:grid;gap:18px}.hero-card-intro{background:radial-gradient(circle at top right,rgba(95,143,98,.18),transparent 28%),linear-gradient(140deg,#fffbf4f5,#ecf5e7d6)}.hero-copy{display:grid;gap:10px}.hero-card h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;max-width:14ch}.hero-lead{max-width:70ch;font-size:1.03rem}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.primary-button,.ghost-button,.journey-card,.list-row{transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;font-weight:700}.primary-button{border:none;background:linear-gradient(135deg,var(--mint),var(--mint-strong));color:#fff}.ghost-button{border:1px solid var(--line-strong);background:#ffffffb8;color:var(--ink)}.primary-button:hover,.ghost-button:hover,.journey-card:hover,.list-row:hover{transform:translateY(-1px)}.content-grid{display:grid;gap:18px}.content-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.principle-card{padding:18px}.panel-card{padding:22px}.panel-head,.mini-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.panel-head h3{font-size:1.5rem;margin-bottom:0}.step-list,.list-stack,.card-stack,.todo-stack,.timeline-stack{display:grid;gap:12px}.step-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}.step-index{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#5f8f6229;color:var(--mint-strong);font-weight:700}.journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.journey-card{text-align:left;padding:16px;border-radius:20px;border:1px solid var(--line);background:var(--panel-strong);display:grid;gap:4px}.journey-card strong{font-size:1rem;color:var(--ink)}.journey-card span{color:var(--ink-soft)}.stat-card{padding:20px}.stat-label,.meta-item span,.info-item span,.timeline-note span,.detail-row span,.mini-head span,.field span{color:var(--ink-soft);font-size:.88rem}.stat-card strong{display:block;margin-top:8px;font-size:2rem}.stat-card small{color:var(--ink-soft)}.split-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.sidebar-panel{position:sticky;top:24px}.field{display:grid;gap:8px}.list-row{width:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#ffffffb8;display:flex;justify-content:space-between;align-items:start;gap:12px;text-align:left}.list-row div{display:grid;gap:4px}.list-row span,.list-row em{color:var(--ink-soft);font-style:normal}.list-row.is-active{border-color:#5f8f6261;background:#e9f5e5f0}.meta-grid,.info-grid{display:grid;gap:12px}.meta-grid,.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-item,.info-item,.mini-card,.detail-card,.todo-card,.timeline-card{border:1px solid var(--line);border-radius:20px;background:var(--panel-strong)}.meta-item,.info-item{padding:14px 16px;display:grid;gap:6px}.meta-item strong,.info-item strong{font-size:1rem}.mini-card,.detail-card,.todo-card,.timeline-card{padding:16px}.mini-card p,.detail-row p,.timeline-card p{margin-top:10px}.detail-card{display:grid;gap:12px}.detail-row{display:grid;gap:6px}.tag-row,.tag-block{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#fffbf5eb;color:var(--ink-soft);font-size:.84rem}.tag-strong{background:#eaf5e5f2;color:var(--mint-strong);border-color:#5f8f6233}.timeline-note{display:grid;gap:4px;margin-top:12px}.todo-card{background:linear-gradient(140deg,#fffaf2f5,#f2f8eeeb)}.triple-line{display:grid;gap:4px;margin:0}.triple-line span{color:var(--ink-soft)}.triple-line em{font-style:normal;color:var(--amber)}.pill,.status-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid var(--line);font-size:.82rem}.pill-soft{background:#fffbf5db}.pill-dev{color:var(--sky);background:#dfe8f7d6}.pill-prod{color:var(--mint-strong);background:#e4f2dfe0}.tone-amber{color:var(--amber);background:#f7e9d2cc}.tone-rose{color:var(--rose);background:#f8e7e3d1}.tone-green{color:var(--mint-strong);background:#e4f2dfd6}.empty-panel{padding:28px}@media(max-width:1200px){.content-grid-4,.content-grid-2,.split-layout{grid-template-columns:1fr}.sidebar-panel{position:static}}@media(max-width:920px){.app-frame{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid rgba(244,240,228,.12)}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.content-shell{padding:18px 16px 40px}.content-topbar{padding:20px}}@media(max-width:720px){.sidebar{padding:18px 14px}.sidebar-nav,.journey-grid,.meta-grid,.info-grid{grid-template-columns:1fr}.content-topbar,.hero-card,.panel-card{padding:18px;border-radius:22px}.content-topbar{display:grid}.hero-card h2{max-width:100%;font-size:2.2rem}.list-row,.panel-head,.mini-head{display:grid}}