:root{color-scheme:dark;--bg: #05070b;--panel: rgba(13, 17, 24, .86);--panel-strong: rgba(9, 13, 20, .95);--line: rgba(125, 211, 252, .18);--line-bright: rgba(125, 211, 252, .55);--text: #e7eef7;--muted: #8c98aa;--cyan: #7dd3fc;--amber: #f59e0b;--danger: #f87171;--shadow: 0 24px 80px rgba(0, 0, 0, .45);font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top,rgba(35,95,154,.18),transparent 28%),radial-gradient(circle at 20% 20%,rgba(125,211,252,.16),transparent 16%),radial-gradient(circle at 80% 10%,rgba(148,163,184,.1),transparent 18%),linear-gradient(180deg,#05070b,#091119 45%,#04060a);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;position:relative;overflow:hidden}.shell-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.45) .7px,transparent .8px),linear-gradient(rgba(125,211,252,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.03) 1px,transparent 1px);background-size:180px 180px,120px 120px,120px 120px;background-position:0 0,0 0,0 0;opacity:.33;pointer-events:none}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:24px clamp(20px,4vw,44px);background:linear-gradient(180deg,#05070bf0,#05070bb3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(125,211,252,.12)}.topbar h1,.timeline-panel-header h2,.modal h2,.drawer h2{font-family:Chakra Petch,sans-serif;letter-spacing:.04em;margin:0}.eyebrow{margin:0 0 6px;color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.topbar-controls,.drawer-actions,.editor-footer{display:flex;align-items:center;gap:12px}.year-readout,.jump-field{display:grid;gap:4px;font-size:.85rem;color:var(--muted)}.year-readout strong{font-family:IBM Plex Mono,monospace;color:var(--text);font-size:1rem}.jump-field input,.field input,.field textarea,.field select{width:100%;border-radius:14px;border:1px solid rgba(125,211,252,.18);background:#080e16f2;color:var(--text);padding:12px 14px;outline:none}.field textarea{resize:vertical}.primary-button,.ghost-button,.danger-button{border-radius:999px;border:1px solid rgba(125,211,252,.18);padding:11px 18px;background:#0a121ceb;color:var(--text);transition:transform .14s ease,border-color .14s ease,background .14s ease}.primary-button{background:linear-gradient(135deg,#7dd3fc2e,#4980b338);border-color:#7dd3fc61}.danger-button{border-color:#f871714d;color:#ffd3d3}.primary-button:hover,.ghost-button:hover,.danger-button:hover,.entry-card:hover{transform:translateY(-1px)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;padding:20px clamp(20px,4vw,44px) 40px}.timeline-panel,.drawer,.modal{background:var(--panel);border:1px solid rgba(125,211,252,.14);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.timeline-panel{border-radius:28px;overflow:hidden}.timeline-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid rgba(125,211,252,.08)}.timeline-scroll{overflow-x:auto;overflow-y:hidden;height:calc(100vh - 210px);padding-bottom:18px}.timeline-stage{position:relative}.timeline-axis{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.8),transparent);box-shadow:0 0 28px #7dd3fc4d}.year-column{position:absolute;top:0;bottom:0}.year-line{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,#7dd3fc2e,#7dd3fc00)}.year-label{position:sticky;top:0;margin-left:14px;margin-top:18px;color:#e7eef7db;font-family:IBM Plex Mono,monospace;font-size:.76rem;letter-spacing:.16em}.entry-card{position:absolute;display:grid;gap:10px;align-content:start;text-align:left;padding:16px;border:1px solid rgba(125,211,252,.16);border-radius:22px;background:linear-gradient(180deg,#0d131cf7,#080c12f0);color:var(--text);min-height:128px}.entry-card-selected{border-color:#7dd3fc80;box-shadow:0 0 0 1px #7dd3fc38,0 16px 42px #0a0e1870}.entry-card-private{border-style:dashed;border-color:#f59e0b73}.entry-thumb{width:100%;height:90px;border-radius:14px;object-fit:cover}.entry-copy strong{display:block;margin-bottom:6px;font-size:1rem}.entry-copy p{margin:0;color:var(--muted);line-height:1.45}.entry-meta-row,.entry-flags,.drawer-meta-row,.upload-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.entry-meta-row,.entry-flags,.attachment-meta,.drawer-empty,.timeline-loading{color:var(--muted);font-size:.82rem}.entry-connector{position:absolute;width:1px;background:linear-gradient(180deg,#7dd3fcb3,#7dd3fc00)}.entry-connector.above{top:100%;height:38px}.entry-connector.below{bottom:100%;height:38px}.entry-marker{position:absolute;width:10px;height:10px;border-radius:999px;background:var(--cyan);box-shadow:0 0 0 4px #7dd3fc2e,0 0 22px #7dd3fc66}.entry-connector.above,.entry-marker.above{top:calc(100% + 34px)}.entry-connector.below,.entry-marker.below{bottom:calc(100% + 34px)}.meta-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(125,211,252,.18);background:#080d14eb;color:var(--text);font-size:.78rem}.meta-pill.private{border-color:#f59e0b59;color:#ffd48b}.drawer{border-radius:28px;padding:20px;min-height:calc(100vh - 210px);position:sticky;top:120px;transform:translate(20px);opacity:.9}.drawer-open{transform:translate(0)}.drawer-body{display:grid;gap:20px}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.rich-copy{line-height:1.7;color:#d5deea}.rich-copy p:first-child{margin-top:0}.attachment-section{display:grid;gap:12px}.attachment-card{border-radius:18px;overflow:hidden;border:1px solid rgba(125,211,252,.12);background:#070b10e6}.attachment-card img,.attachment-card audio{width:100%;display:block}.attachment-meta{display:flex;justify-content:space-between;gap:12px;padding:12px 14px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#020408b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.modal{width:min(860px,100%);border-radius:26px;padding:24px;background:var(--panel-strong)}.auth-modal{width:min(460px,100%)}.modal-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.stack,.field{display:grid;gap:8px}.editor-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.field-span-2{grid-column:1 / -1}.field span,.jump-field span{color:var(--muted);font-size:.84rem}.error-text{color:#f8b4b4;margin:0}.attachment-admin-list{display:grid;gap:10px}.attachment-admin-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#070c12d1;border:1px solid rgba(125,211,252,.12)}.toast{position:fixed;right:24px;bottom:24px;padding:14px 16px;border-radius:16px;background:#180a0aeb;border:1px solid rgba(248,113,113,.35)}@media(max-width:1080px){.workspace{grid-template-columns:1fr}.drawer{position:fixed;right:18px;left:18px;bottom:18px;top:auto;min-height:auto;max-height:78vh;overflow:auto;z-index:10}.timeline-scroll{height:calc(100vh - 250px)}}@media(max-width:760px){.topbar,.timeline-panel-header,.modal-header{flex-direction:column;align-items:stretch}.topbar-controls,.drawer-actions{flex-wrap:wrap}.editor-grid{grid-template-columns:1fr}.field-span-2{grid-column:auto}}