:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#24211d;background:#e9e3d7;font-synthesis:none;--ink: #24211d;--muted: #756f65;--paper: #f7f3eb;--line: #d8d0c2;--accent: #c5543d;--dark: #191713}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 20% 0%,#f8f2e8 0,transparent 38%),#e9e3d7}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.app-header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1500px;margin:0 auto 14px}.eyebrow{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.18em;margin:0 0 3px}.title-input{width:min(55vw,620px);border:0;padding:0;outline:none;background:transparent;font:600 clamp(24px,3vw,38px)/1 Georgia,serif;color:var(--ink)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.save-state{color:var(--muted);font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:6px}.status-dot{width:7px;height:7px;border-radius:50%;background:#b59e74;display:inline-block;box-shadow:0 0 0 3px #b59e7420}.status-dot.online{background:#4e8c7e;box-shadow:0 0 0 3px #4e8c7e20}.workspace{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:14px;align-items:start}.timeline-workspace{min-width:0;display:grid;gap:14px}.panel{border:1px solid rgba(74,66,53,.13);background:#f7f3ebf0;box-shadow:0 15px 40px #342d2312;border-radius:18px}.date-controls{display:grid;grid-template-columns:120px 140px 1fr;align-items:end;gap:22px;padding:14px 18px}label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:600}input,select,textarea{min-width:0;width:100%;border:1px solid var(--line);border-radius:10px;background:#fffdf8;color:var(--ink);padding:10px 11px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#9c8261;box-shadow:0 0 0 3px #9c826118}textarea{resize:vertical}.current-date{display:flex;align-items:baseline;gap:7px;padding-bottom:6px}.current-date strong{font:600 27px/1 Georgia,serif}.current-date span{color:var(--muted);font-size:13px}.month-control input{padding:4px 0;accent-color:var(--accent)}.timeline{min-height:255px;padding:19px 22px 16px;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{margin:0;font:600 26px/1 Georgia,serif}.section-heading>span{color:var(--muted);font-size:11px}.section-heading.compact{margin-bottom:10px}.timeline-scroll{overflow-x:auto;overflow-y:hidden;padding:4px 13px 0}.timeline-track{position:relative;min-width:620px;height:115px;margin:8px 5px 0}.timeline-line{position:absolute;left:0;right:0;bottom:30px;height:2px;background:#c6bba8}.month-tick{position:absolute;bottom:0;translate:-50% 0;border:0;background:none;padding:0;width:35px;height:50px;cursor:pointer;color:var(--muted);font-size:9px}.month-tick i{position:absolute;width:1px;height:9px;left:50%;top:8px;background:#938977}.month-tick span{position:absolute;bottom:0;left:50%;translate:-50% 0}.month-tick.active{color:var(--accent);font-weight:700}.month-tick.active i{width:3px;height:15px;top:2px;border-radius:2px;background:var(--accent)}.event-marker{--event-color: var(--accent);position:absolute;translate:-50% 0;width:14px;height:14px;padding:0;border:3px solid var(--paper);border-radius:50%;background:var(--event-color);box-shadow:0 2px 5px #0003;cursor:pointer;transition:transform .15s}.event-marker:after{content:"";position:absolute;width:1px;height:48px;left:50%;top:10px;background:color-mix(in srgb,var(--event-color),transparent 50%);z-index:-1}.event-marker:hover,.event-marker.selected{transform:scale(1.35);outline:2px solid color-mix(in srgb,var(--event-color),transparent 55%)}.event-card{min-height:45px;display:grid;grid-template-columns:auto minmax(120px,auto) 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:12px}.event-card div{display:grid}.event-card small,.event-card p{color:var(--muted);font-size:10px;margin:0}.event-card p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.timeline-tip{border-top:1px solid var(--line);color:var(--muted);font-size:10px;margin:0;padding-top:13px}.ages-section{padding:1px 2px}.age-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px}.age-card{position:relative;min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:13px 14px 13px 20px;border:1px solid rgba(74,66,53,.12);background:#f7f3ebe0;border-radius:13px;overflow:hidden}.character-color{position:absolute;left:0;top:0;bottom:0;width:6px}.age-card h3{margin:0 0 3px;font-size:13px;overflow:hidden;text-overflow:ellipsis}.age-card p{margin:0;color:var(--muted);font-size:9px}.age-card>strong{font:600 17px/1.1 Georgia,serif;white-space:nowrap}.empty-state{color:var(--muted);font-size:12px}.editor{position:sticky;top:max(14px,env(safe-area-inset-top));max-height:calc(100vh - max(28px,env(safe-area-inset-top)) - env(safe-area-inset-bottom));overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.tabs button{border:0;background:none;padding:14px 4px 11px;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer;border-bottom:2px solid transparent}.tabs button.active{color:var(--accent);border-color:var(--accent)}.editor-content{padding:18px;max-height:calc(100vh - 80px);overflow-y:auto}.form-stack{display:grid;gap:11px}.form-stack h2{margin:0;font:600 23px/1 Georgia,serif}.button{border:1px solid transparent;border-radius:10px;padding:9px 13px;cursor:pointer;font-weight:700;font-size:11px}.button.primary{color:#fffaf2;background:var(--dark)}.button.secondary{border-color:var(--line);background:#fffdf8}.button.ghost{border-color:#bfb4a2;background:transparent}.button:active{transform:translateY(1px)}.text-button{border:0;padding:3px;color:var(--accent);background:none;font-size:10px;font-weight:700;cursor:pointer}.text-button.danger{color:#9c3e34;justify-self:start}.color-input{height:38px;padding:4px}.field-error{margin:0;color:#a33e32;font-size:10px}.help-text{color:var(--muted);font-size:10px;line-height:1.55;margin:2px 0}.setup-box{padding:13px;border:1px dashed #b8aa93;border-radius:11px;background:#eee7da}.setup-box p{color:var(--muted);font-size:10px;line-height:1.5;margin-bottom:0}.account-card{display:flex;align-items:center;gap:11px;padding:12px;background:#ebe7dc;border-radius:11px}.account-card div{display:grid;min-width:0}.account-card small{color:var(--muted)}.account-card strong{font-size:11px;overflow:hidden;text-overflow:ellipsis}.item-list{display:grid;gap:5px;margin-top:4px}.list-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:7px 4px;border-top:1px solid #e1dace}.color-chip{width:9px;height:9px;border-radius:50%;flex:none}.list-item>button:not(.delete-button){display:grid;text-align:left;border:0;background:none;padding:0;cursor:pointer}.list-item strong{font-size:11px}.list-item small{color:var(--muted);font-size:9px}.delete-button{width:26px;height:26px;border:0;border-radius:50%;background:none;color:#9b8177;font-size:18px;cursor:pointer}.delete-button:hover{background:#eeded8;color:#9c3e34}.notice{position:fixed;z-index:20;left:50%;top:max(10px,env(safe-area-inset-top));translate:-50% 0;padding:9px 14px;border-radius:30px;color:#fff;font-size:11px;box-shadow:0 10px 30px #0003}.notice.ok{background:#356f62}.notice.error{background:#a64437}.portrait-hint{display:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 300px}.save-state{display:none}.date-controls{grid-template-columns:92px 105px 1fr;gap:12px}.current-date strong{font-size:22px}.timeline-track{min-width:430px}}@media(orientation:portrait)and (max-width:800px){.portrait-hint{display:block;margin:-14px -18px 12px;padding:max(11px,env(safe-area-inset-top)) 18px 10px;background:var(--dark);color:#f7f1e6;text-align:center;font-size:10px}.app-header{align-items:flex-end}.workspace{grid-template-columns:1fr}.editor{position:static;max-height:none}.editor-content{max-height:none}.date-controls{grid-template-columns:1fr 1fr}.month-control{grid-column:1 / -1}}@media(max-height:470px)and (orientation:landscape){.app-shell{padding-top:max(8px,env(safe-area-inset-top))}.app-header{min-height:44px;margin-bottom:8px}.title-input{font-size:23px}.workspace,.timeline-workspace{gap:8px}.date-controls{padding-block:8px}.timeline{min-height:210px;padding-block:13px 8px}.timeline-track{height:92px}.ages-section .section-heading{display:none}.age-card{padding-block:9px}}