:root{--bg: #f6f8fb;--panel: #ffffff;--panel-2: #fbfcff;--text: #0f172a;--muted: #64748b;--border: rgba(15, 23, 42, .1);--shadow: 0 10px 30px rgba(15, 23, 42, .08);--shadow-soft: 0 6px 16px rgba(15, 23, 42, .06);--primary: #2563eb;--primary-hover: #1d4ed8;--primary-weak: rgba(37, 99, 235, .1);--ok: #16a34a;--warn: #f59e0b;--danger: #dc2626;--radius: 14px;--radius-sm: 10px;--gap: 14px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:var(--font);color:var(--text);background:var(--bg)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.journal{height:100vh;display:flex;flex-direction:column;padding:18px;gap:var(--gap)}@media(max-width:720px){.journal{padding:12px;gap:10px}}.journal-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.journal-title{display:flex;flex-direction:column;min-width:180px}.journal-title .label{font-size:12px;color:var(--muted);letter-spacing:.02em}.journal-title .value{font-size:18px;font-weight:700;line-height:1.2}.journal-status{margin-left:auto;font-size:12px;color:var(--muted);padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:#fff;box-shadow:0 1px #0f172a08;white-space:nowrap}@media(max-width:720px){.journal-header{flex-wrap:wrap}.journal-status{margin-left:0;order:3;width:100%;text-align:center}}button{font-family:var(--font);border:1px solid var(--border);background:#fff;padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:600;color:var(--text);transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}button:hover{box-shadow:0 10px 24px #0f172a1a;transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:none}button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}button.primary{background:linear-gradient(180deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;border-color:#2563eb59}button.primary:hover{background:linear-gradient(180deg,var(--primary-hover) 0%,var(--primary-hover) 100%)}button.ghost{background:transparent}.banner{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-soft)}.banner strong{font-weight:700}.banner button{padding:8px 10px;border-radius:10px}.banner.warn{border-color:#f59e0b47;background:#f59e0b1a}.banner.warn button{background:#fff}.journal-main{flex:1;min-height:0;display:flex;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.journal-editor{flex:1;width:100%;border:none;outline:none;resize:none;padding:18px 18px 22px;font-size:16px;line-height:1.55;color:var(--text);background:transparent;caret-color:var(--primary)}.journal-editor::placeholder{color:#64748bbf}.journal-main:focus-within{border-color:#2563eb59;box-shadow:0 0 0 4px #2563eb1f,var(--shadow)}.journal-editor::-webkit-scrollbar{width:10px}.journal-editor::-webkit-scrollbar-thumb{background:#0f172a2e;border-radius:10px}.journal-editor::-webkit-scrollbar-thumb:hover{background:#0f172a47}