:root{--ink:#283537;--muted:#818b89;--line:#e2dfd8;--paper:#fffefa;--shell:#eeece7;--teal:#315b63;--coral:#d56d50;--gold:#d2a650;--purple:#8873a8}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Arial,sans-serif;color:var(--ink);background:var(--shell)}button{font:inherit;color:inherit;cursor:pointer}.topbar{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;background:#fffefa;border-bottom:1px solid var(--line)}.brand,.actions,.sync{display:flex;align-items:center;gap:10px}.brand button,.actions button{border:0;background:none}.brand b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px 9px 9px 3px;color:white;background:var(--teal)}.brand strong{font:700 18px Georgia}.brand i{color:#bbb}.brand span,.sync{font-size:11px;color:var(--muted)}.sync i{width:7px;height:7px;border-radius:50%;background:#aaa}.sync.saved i{background:#68a088}.sync.saving i{background:var(--gold)}.sync.error i{background:var(--coral)}.actions{justify-content:flex-end}.actions button:nth-child(2){padding:7px 12px;border:1px solid #cbd4d2;border-radius:8px;background:white;color:var(--teal)}.actions span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#dca35c;color:white;font-size:10px}.workspace{height:calc(100% - 58px);display:grid;grid-template-columns:65px minmax(560px,1fr) 290px}.rail{display:flex;flex-direction:column;gap:8px;padding:16px 7px;background:#f8f6f2;border-right:1px solid var(--line)}.rail button{height:55px;border:0;border-radius:9px;background:none;color:#77817f;font-size:20px}.rail button.active{background:#e3ebe8;color:var(--teal)}.rail small{display:block;margin-top:4px;font-size:8px}.stage{position:relative;overflow:auto;padding:34px max(40px,calc((100% - 790px)/2)) 100px;background-color:#e9e7e2;background-image:radial-gradient(#d2cec7 .7px,transparent .7px);background-size:18px 18px}.day-heading,.tip,.paper{width:min(790px,100%);margin-left:auto;margin-right:auto}.day-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.day-heading small{color:var(--coral);font-size:8px;font-weight:800;letter-spacing:.17em}.day-heading h1{margin:4px 0 0;font:700 29px Georgia}.day-heading span{color:#7b8583}.tip{display:grid;grid-template-columns:25px 1fr 20px;gap:8px;align-items:center;margin-bottom:13px;padding:10px 12px;border:1px solid #e7d9b6;background:#fbf5e7;border-radius:9px;color:#98762e}.tip div{display:grid;gap:3px}.tip strong{font:600 11px Georgia}.tip small{font-size:9px;color:#8f836b}.tip button{border:0;background:none}.paper{position:relative;min-height:800px;background:var(--paper);border:1px solid #e1ddd5;box-shadow:0 8px 28px #2c333112;background-image:linear-gradient(transparent 31px,#f0ede7 32px);background-size:100% 32px}.editor{position:relative;min-height:700px;width:76%;padding:55px 20px 90px 70px;outline:0;font:16px/2 Georgia;color:#344245}.editor p{margin:0 0 12px}.selection-menu{position:fixed;z-index:20;transform:translate(-50%,-115%);padding:5px;background:#273b3f;border-radius:9px;box-shadow:0 10px 30px #18242655;white-space:nowrap}.selection-menu button{padding:7px 9px;border:0;border-radius:6px;background:none;color:white;font-size:10px}.selection-menu button:hover{background:#405559}.tools{position:fixed;left:82px;top:50%;display:grid;gap:4px;transform:translateY(-50%);padding:7px;background:#fffefa;border:1px solid #d8d5ce;border-radius:12px;box-shadow:0 8px 25px #2c313022}.tools button{position:relative;width:35px;height:35px;border:0;border-radius:8px;background:none;color:#687673}.tools button.active,.tools button:hover{background:#e2ebe8;color:var(--teal)}.tools span{display:none;position:absolute;left:43px;top:8px;padding:5px 8px;border-radius:5px;background:#273b3f;color:white;font-size:9px}.tools button:hover span{display:block}.panel{overflow:auto;padding:26px 19px;background:#faf9f6;border-left:1px solid var(--line)}.panel>small{font-size:8px;font-weight:bold;letter-spacing:.15em;color:#999}.panel h2{margin:5px 0 17px;font:700 21px Georgia}.filters{display:flex;gap:5px}.filters button{padding:6px 9px;border:0;border-radius:6px;background:none;color:#84908d;font-size:10px}.filters button:first-child{background:#e3ebe8;color:var(--teal)}.items article{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:14px 2px;border-bottom:1px solid var(--line)}.items .icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px}.items small{font-size:8px;font-weight:bold;letter-spacing:.1em}.items p{margin:5px 0;font:12px/1.45 Georgia}.items button{border:0;background:none;padding:0;color:#a35f4c;font-size:9px}.items article.done p{text-decoration:line-through;opacity:.5}.insight{margin-top:22px;padding:12px;border:1px solid #e8dabe;border-radius:9px;background:#f5efdf;color:#9b772c;font-size:10px}.insight p{font:11px/1.4 Georgia;color:#706653}.toast{position:fixed;z-index:30;bottom:28px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:8px;background:#273b3f;color:white;font-size:11px}@media(max-width:900px){.workspace{grid-template-columns:55px 1fr}.panel{display:none}.stage{padding-left:35px;padding-right:25px}}