:root{--paper: #f4f0e8;--paper-2: #ebe5d8;--paper-card: #faf7f0;--ink: #141210;--ink-2: #2e2a23;--ink-3: #575047;--ink-4: #7a7266;--rule: #d0c8b5;--rule-2: #b8ae97;--amber: #c4691c;--amber-2: #e8893a;--role-creator: #c4552e;--role-writer: #6b7a3f;--role-dev: #3a5a8a;--ok: #4a6b3f;--warn: #a8571c;--bad: #8a3a2f;--serif: "Fraunces", ui-serif, Georgia, serif;--sans: "Pretendard", "Inter", -apple-system, "Apple SD Gothic Neo", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}html,body{background:var(--paper);color:var(--ink);margin:0;font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:inherit}button{font-family:inherit}::selection{background:var(--amber);color:#fff}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(ellipse at 20% 10%,rgba(196,105,28,.04),transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(58,90,138,.03),transparent 50%)}#root{position:relative;z-index:1}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.serif{font-family:var(--serif);font-optical-sizing:auto}.mono{font-family:var(--mono)}.u-line{height:1px;background:var(--rule)}.u-line-2{height:2px;background:var(--ink)}.u-dashed{border-top:1px dashed var(--rule-2)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--ink);background:var(--ink);color:var(--paper-card);border-radius:999px;font-weight:500;font-size:14px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:hover{background:var(--ink-2);transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--paper-card)}.btn-amber{background:var(--amber);border-color:var(--amber);color:#fff}.btn-amber:hover{background:var(--amber-2);border-color:var(--amber-2)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--rule-2);border-radius:999px;font-size:12px;color:var(--ink-2);background:transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0;font-family:inherit}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip.active{background:var(--ink);color:var(--paper-card);border-color:var(--ink)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:3px;font-size:11px;font-weight:500;letter-spacing:.04em;font-family:var(--mono);text-transform:uppercase}.card{background:var(--paper-card);border:1px solid var(--rule);border-radius:4px}.num{font-family:var(--serif);font-weight:400;letter-spacing:-.02em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--rule-2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.fade-enter{animation:fade-in .35s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}body[data-role=creator]{--role: var(--role-creator)}body[data-role=writer]{--role: var(--role-writer)}body[data-role=developer]{--role: var(--role-dev)}body:not([data-role]){--role: var(--amber)}@keyframes blink{50%{opacity:0}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #c4691c80;transform:scale(1)}50%{box-shadow:0 0 0 6px #c4691c00;transform:scale(1.2)}}