.scratchpad{position:fixed;inset:9px;z-index:35;border:1px solid #eaeaea;background:#fbfaf8;border-radius:17px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 60px #3331}.scratch-header{height:88px;display:flex;align-items:center;gap:22px;padding:18px 28px;background:#fffdfbef;border-bottom:1px solid #eceae6;z-index:2}.back-timeline{font-size:25px;display:flex;align-items:center;gap:10px}.back-timeline span{font-size:13px;color:#8b8984}.scratch-header-divider{height:30px;width:1px;background:#eae8e3}.scratch-title{flex:1}.scratch-title input{border:0;background:none;font-family:"Instrument Serif",serif;font-size:27px;padding:0;max-width:570px}.scratch-title small{display:block;font-size:10px;color:#a19f98;margin-top:5px}.scratch-title small span{margin:0 6px}.scratch-header select{width:150px;background:#fff;font-size:12px;padding:9px}.canvas-toolbar{align-self:center;display:flex;align-items:center;gap:6px;position:absolute;top:106px;z-index:4;padding:6px;background:#fff;border:1px solid #e8e6e2;box-shadow:0 3px 14px #27211b08;border-radius:12px}.canvas-toolbar button{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:7px;font-size:12px}.canvas-toolbar button:hover{background:#f7f5f1}.canvas-toolbar button>span{font-size:18px;color:#b6a484}.canvas-viewport{flex:1;overflow:auto;background-color:#faf9f6;background-image:radial-gradient(#d6d2c8 .65px,transparent .65px);background-size:22px 22px;scrollbar-width:thin;scrollbar-color:#ddd9d1 transparent}.canvas-size{position:relative}.canvas-world{position:relative;width:2400px;height:1700px;transform-origin:top left}.canvas-node{width:350px;position:absolute;border:1px solid #e8e5df;border-radius:14px;background:#fff;box-shadow:0 4px 12px #28211408,0 1px 3px #28211408;overflow:hidden;transition:box-shadow .15s,border-color .15s}.canvas-node.selected{border-color:var(--node-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--node-accent) 12%,transparent),0 5px 20px #28211408}.canvas-node.chat{width:380px}.node-handle{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fcfbf9;border-bottom:1px solid #f0eeea;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;color:#b4a990;font-size:15px}.node-handle>span:first-child{display:flex;align-items:center;gap:9px}.node-handle>span>span{font-family:Geist Mono,monospace;font-size:10px;color:#99958c}.node-handle button{font-size:20px;color:#b5b0a5}.node-grip{font-size:19px;opacity:.5;margin-left:auto;margin-right:12px}.rich-toolbar{display:flex;gap:4px;padding:8px 14px;border-bottom:1px solid #f7f6f3}.rich-toolbar button{font-size:11px;padding:4px 7px;border-radius:4px;color:#9a968d}.rich-toolbar button:hover{background:#f3f0e9}.rich-editor{min-height:180px;padding:18px 22px 28px;font-size:14px;line-height:1.75;color:#74716b;outline:none;overflow-wrap:anywhere}.rich-editor h2{font-family:"Instrument Serif",serif;font-size:27px;font-weight:400;color:#5a574f;margin:0 0 15px}.rich-editor p{margin:0 0 10px}.rich-editor ul,.rich-editor ol{padding-left:21px}.media-node{padding:16px;display:flex;flex-direction:column;gap:12px}.media-placeholder{min-height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:1px dashed #e7e2d8;border-radius:8px;background:#fdfcf9;text-align:center}.media-placeholder>span{font-size:32px;color:#c4b9a5}.media-placeholder p{font-size:12px;line-height:1.6;color:#aaa394;margin-top:12px}.media-upload{align-self:center;position:relative;display:inline-block;font-size:11px;border:1px solid #e8e3d9;border-radius:6px;padding:7px 12px;color:#928772;cursor:pointer}.media-upload input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer;padding:0}.canvas-image,.media-node video{width:100%;max-height:360px;object-fit:contain;border-radius:8px}.media-node audio{width:100%;height:40px}.node-caption{border:0;background:none;padding:5px 0;font-size:12px}.media-filename{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:10px;color:#aaa394;text-align:center}.record-button{border:1px solid #f0ded9;background:#fff8f5;color:#bc887b;padding:10px;border-radius:7px;font-size:12px}.record-button.recording{color:#dd615a;background:#fff1ef}.demo-agent-badge{font-size:11px;color:#b29566;display:flex;justify-content:space-between;padding:13px 17px}.demo-agent-badge span{font-size:9px;color:#aaa69e}.chat-empty{padding:12px 18px 30px}.chat-empty h3{font:27px "Instrument Serif",serif;color:#666159;margin:0 0 8px}.chat-empty p{font-size:12px;line-height:1.7;color:#aaa297}.chat-messages{max-height:390px;overflow:auto;padding:0 16px;scrollbar-width:thin}.chat-message{margin:8px 0 14px;padding:11px 13px;background:#f8f6f1;border-radius:9px;font-size:12px;line-height:1.7;white-space:pre-wrap}.chat-message.user{background:#fff8ed;margin-left:28px}.chat-message small{display:block;font-size:9px;color:#aaa08e;margin-bottom:4px}.chat-node form{display:flex;gap:6px;padding:12px;border-top:1px solid #f0ede7}.chat-node form input{background:#faf9f6;border-color:#eeeae2;font-size:12px;padding:10px}.chat-node form button{background:#ede6d8;border-radius:8px;width:35px;flex:none;color:#998260}.canvas-bottom{position:absolute;bottom:16px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.canvas-bottom>span{font-size:10px;color:#aaa497;background:#faf9f6d9;padding:6px;border-radius:6px}.canvas-bottom>div{pointer-events:auto;background:#fff;border:1px solid #e8e4db;border-radius:9px;padding:4px;box-shadow:0 3px 9px #28211408}.canvas-bottom button{min-width:31px;height:28px;font:10px Geist Mono,monospace}.canvas-undo,.canvas-error{position:absolute;bottom:23px;left:50%;transform:translate(-50%);background:#fff;padding:11px 16px;border:1px solid #eae4d8;border-radius:9px;box-shadow:0 6px 20px #2221;font-size:12px;z-index:6}.canvas-undo button{margin-left:16px;color:#ac915f}.canvas-error{bottom:70px;color:#ad6256;max-width:80%}.canvas-empty{position:absolute;top:200px;left:200px;max-width:360px}.canvas-empty h2{font:32px "Instrument Serif",serif;color:#9b9589}.canvas-empty p{font-size:13px;color:#b0a99c;margin:14px 0;line-height:1.7}.canvas-empty button{font-size:12px;border:1px solid #ded7ca;border-radius:8px;padding:10px 16px;color:#a09176}@media(max-width:700px){.scratch-header{padding:15px;gap:10px;height:100px;flex-wrap:wrap}.back-timeline span,.scratch-header-divider{display:none}.scratch-title input{font-size:23px}.scratch-header select{width:110px}.canvas-toolbar{top:112px;gap:0;padding:3px;max-width:96%}.canvas-toolbar button{padding:9px;font-size:10px;gap:4px}.canvas-toolbar button>span{font-size:14px}.canvas-bottom>span{display:none}.canvas-bottom{justify-content:flex-end}.canvas-node{width:310px}}.canvas-toolbar{position:relative;top:auto;margin:14px auto;flex-shrink:0}.canvas-viewport{min-height:0}.canvas-node .node-handle:active{cursor:grabbing}@media(max-width:700px){.canvas-toolbar{top:auto;margin:10px auto}}.canvas-viewport{overflow-anchor:none}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-0.ttf) format("truetype")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(/fonts/font-1.ttf) format("truetype")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-stretch:normal;font-display:swap;src:url(/fonts/font-2.ttf) format("truetype")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;src:url(/fonts/font-3.ttf) format("truetype")}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-4.ttf) format("truetype")}:root{font-family:Instrument Sans,Arial,sans-serif;color:#575757;background:#eeefed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.3}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #79a9e6;outline-offset:4px}button{touch-action:manipulation}button img{pointer-events:none}img{display:block}h1,h2,p{margin:0}.app-frame{height:100dvh;min-height:620px;padding:8px;border:1px solid #e0e0e0;border-radius:24px;background:#f7f7f7;box-shadow:0 6px 8px #00000014;overflow:hidden}.timeline-app{height:100%;position:relative;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse 180% 100% at 50% 0%,#fff 96%,#fffcee,#daebff);box-shadow:0 1px 4px #0000000a}.topbar{height:98px;padding:30px 32px 26px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;gap:24px}.view-tabs{display:flex;flex-shrink:0;align-items:center;gap:6px;background:#fcfcfc;border:.5px solid #ededed;border-radius:8px;padding:2px;box-shadow:0 2px 6px #00000012;height:40px}.view-tabs button{position:relative;isolation:isolate;min-width:59px;height:34px;color:#929292;padding:7px 12px}.view-tabs button[aria-pressed=true]{color:#575757}.tab-active{position:absolute;inset:0;background:#fff;border-radius:6px;border:.5px solid #f4f4f4;box-shadow:0 1px 4px #0000000a;z-index:-1}.heading{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap}.heading h1{font-family:"Instrument Serif",Georgia,serif;font-size:32px;font-weight:400;color:#858585;line-height:1}.icon-button{display:grid;place-items:center;padding:0;width:28px;height:32px;border-radius:6px}.date-title{font-family:Geist Mono,monospace;font-size:20px;letter-spacing:-.8px;color:#e55353;background:#fafafa;padding:5px 8px;border-radius:8px;min-height:34px}.new-button{padding:8px 24px;display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px}.raised{border:3px solid #fcfcfc;background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000012,inset 0 0 0 1px #f4f4f4}.timeline-scroll{height:calc(100% - 150px);overflow:auto;scrollbar-width:thin;scrollbar-color:#ddd transparent;position:relative}.timeline-surface{min-width:920px;width:100%;min-height:720px;height:100%;position:relative;padding-right:32px}.time-ruler{height:44px;position:relative;margin-bottom:0}.ruler-dash{position:absolute;top:14px;opacity:.9}.time-tick{position:absolute;top:0;display:flex;align-items:center;flex-direction:column;width:0}.time-tick>span{font-family:Geist Mono,monospace;font-size:8px;white-space:nowrap;line-height:13px}.time-tick img{transform:rotate(-90deg)}.bands{height:calc(100% - 46px);display:flex;flex-direction:column;gap:14px;cursor:grab;touch-action:pan-y}.bands:active{cursor:grabbing}.band{background:var(--lane-bg);border:1px solid var(--lane-border);border-left:0;position:relative;flex:1;min-height:126px;border-radius:0 16px 16px 0;overflow:hidden;isolation:isolate}.band-label{font-family:Geist Mono,monospace;color:var(--lane-color);font-size:14px;position:absolute;left:0;top:0;width:25px;height:100%;writing-mode:vertical-rl;z-index:3;transition:background .15s}.band-label:hover{background:color-mix(in srgb,var(--lane-color) 10%,transparent)}.activity-card{position:absolute;padding:4px;border:.5px solid #ededed;border-radius:16px;background:#fcfcfc;box-shadow:0 2px 6px #00000014;text-align:left;overflow:hidden;min-width:0;z-index:2;transition:box-shadow .16s}.activity-card.short{height:58px}.activity-card.tall{height:calc(100% - 20px);min-height:105px}.card-content{border-radius:12px;padding:16px;background:#fff;box-shadow:0 1px 4px #0000000a;display:flex;align-items:flex-start;gap:5px;min-height:100%;font-size:14px;line-height:1.23}.activity-title{min-width:0;flex:1}.short .activity-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.activity-icon{display:block;position:relative;flex:none;isolation:isolate}.app-icon{height:16px;width:16px;object-fit:cover;border-radius:4px;flex-shrink:0}.vector-icon{flex-shrink:0}.second-icon{width:13px;height:13px;position:absolute;top:2px;left:9px;transform:rotate(5deg);z-index:-1;border-radius:3px}.future-card{position:absolute;top:10px;bottom:10px;width:15%;padding:4px;border:1px solid var(--lane-accent);border-radius:16px;box-shadow:0 2px 6px #0000000c;background:var(--lane-bg);overflow:hidden;z-index:1}.stripe-field{position:absolute;inset:4px;border:1px dashed var(--lane-accent);border-radius:12px;overflow:hidden;opacity:.65}.stripe-field img{position:absolute;top:-6px;transform:rotate(27deg);transform-origin:center;min-height:0}.future-card>span{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;opacity:0;font-size:12px;color:#8b8174;background:color-mix(in srgb,var(--lane-bg) 94%,transparent);transition:opacity .2s}.future-card:hover>span{opacity:1}.now-line{position:absolute;top:0;bottom:0;width:0;pointer-events:none;z-index:4;color:#f26262;white-space:nowrap;font-family:Geist Mono,monospace}.now-time{position:absolute;top:0;left:0;transform:translate(-50%);font-size:8px}.now-dot{position:absolute;left:-2px;top:13px;width:5px;height:5px;border-radius:50%;background:#f26262}.now-line small{position:absolute;left:0;top:21px;font-size:6px;transform:translate(-50%)}.now-rule{position:absolute;left:0;top:31px;bottom:0;width:1px;background:#ff7373}.now-rule img{position:absolute;left:-2.89px;top:0;transform:rotate(90deg);transform-origin:2.89px 2.89px}.bottom-bar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:16px}.status{font-size:10px;color:#a7a7a7;display:flex;align-items:center;gap:7px}.status-dot{width:4px;height:4px;background:#b3b9b5;border-radius:50%}.status-separator{margin:0 3px}.zoom-controls{display:flex;align-items:center;gap:3px;border:1px solid #ededed;border-radius:9px;background:#ffffffdc;box-shadow:0 2px 6px #00000005;padding:3px;position:absolute;left:50%;bottom:13px;transform:translate(-50%);z-index:5}.zoom-controls button{width:25px;height:24px;border-radius:5px;font-size:15px}.zoom-controls>span:not(.control-divider){min-width:45px;text-align:center;font-family:Geist Mono,monospace;font-size:10px;color:#8c8c8c}.control-divider{height:14px;background:#ededed;width:1px;margin:0 3px}.pinned-tray{position:absolute;bottom:0;right:32px;width:351px;max-height:52%;z-index:7;border-radius:16px 16px 0 0;padding:14px 16px 16px;background:#fafafaf5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:.5px solid #e8e8e8;border-bottom:0;box-shadow:0 0 8px #00000012;overflow:auto}.pinned-heading{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 0 8px;font-family:Geist Mono,monospace;font-size:16px;color:#7a7a7a}.pinned-heading>span{display:flex;align-items:center;gap:2px}.pinned-heading small{font-size:10px;background:#f0f0f0;border-radius:4px;padding:2px 5px;margin-left:8px}.rotate-chevron{transform:rotate(180deg)}.pinned-list{display:flex;flex-direction:column;gap:8px}.pinned-card{padding:12px;display:flex;align-items:center;gap:5px;border-radius:12px;border:4px solid #fcfcfc;background:#fff;box-shadow:0 2px 6px #00000014,inset 0 0 3px #00000008;font-size:14px;text-align:left;min-height:42px}.pinned-card>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-tray.collapsed{padding-bottom:6px}.pinned-empty{font-size:13px;line-height:1.6;padding:8px;color:#999}.bucket-labels{position:absolute;inset:-5px 0 0 32px;display:grid}.bucket-labels button{display:flex;flex-direction:column;align-items:center;font-family:Geist Mono,monospace;font-size:11px;color:#999;gap:4px;padding:0;position:relative}.bucket-labels button:after{content:"";height:6px;width:1px;background:#ddd;position:absolute;bottom:20px}.bucket-labels small{background:#fff;padding:0 6px;font-family:Instrument Sans,sans-serif;font-size:9px;z-index:1}.bucket-labels .current{color:#e55353}.summary-grid{display:grid;position:absolute;inset:0 0 0 32px;height:100%;align-items:center}.summary-slot{height:100%;padding:10px 7px;position:relative;border-left:1px solid color-mix(in srgb,var(--lane-border) 65%,transparent);min-width:0}.summary-slot.selected-period{background:color-mix(in srgb,var(--lane-accent) 5%,transparent)}.summary-card{width:100%;height:100%;border:4px solid #fcfcfc;background:#fff;border-radius:13px;box-shadow:0 2px 6px #0000000d;position:relative;padding:12px;text-align:left;overflow:hidden;display:flex;flex-direction:column;gap:9px}.summary-top{display:flex;justify-content:space-between;align-items:center;gap:4px;font-family:Geist Mono,monospace;font-size:15px;color:#686868}.summary-top small{font-family:Instrument Sans,sans-serif;font-size:10px;color:#aaa}.zoom-arrow{opacity:0;color:var(--lane-color);font-size:15px;transition:opacity .15s}.summary-card:hover .zoom-arrow{opacity:1}.summary-icons{display:flex;gap:4px;align-items:center}.summary-card p{font-size:11px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:2px;max-width:170px}.activity-bars{display:flex;align-items:flex-end;gap:3px;height:22px;position:absolute;bottom:12px;left:12px;right:45px;opacity:.8;-webkit-mask-image:linear-gradient(to right,black,black 80%,transparent);mask-image:linear-gradient(to right,black,black 80%,transparent)}.activity-bars span{width:5px;border-radius:2px;background:var(--lane-accent);flex:1;max-width:10px}.summary-duration{position:absolute;right:12px;bottom:12px;font-family:Geist Mono,monospace;font-size:9px;color:#aaa}.year-card{padding:10px 8px;gap:5px}.year-card .summary-top{font-size:17px}.year-card .activity-bars{height:42%;bottom:30px;right:8px;left:8px;gap:3px}.year-card .summary-duration{left:8px;bottom:10px}.empty-period{width:100%;height:100%;border:1px dashed var(--lane-border);border-radius:12px;font-size:10px;color:var(--lane-color);opacity:.65}.empty-period span{opacity:0;transition:opacity .15s}.empty-period:hover span{opacity:1}.future-period{background:repeating-linear-gradient(120deg,transparent,transparent 5px,color-mix(in srgb,var(--lane-accent) 15%,transparent) 5px,color-mix(in srgb,var(--lane-accent) 15%,transparent) 6px)}.empty-band{position:absolute;left:40%;top:40%;font-size:12px;color:var(--lane-color);display:flex;gap:10px;align-items:center}.empty-band span{font-size:18px}.focus-banner{height:30px;display:flex;align-items:center;gap:8px;padding:0 34px 10px;font-size:11px;color:#999}.focus-banner button{font-size:11px;margin-left:8px;display:flex;gap:6px;color:#717171}.focused{height:calc(100% - 180px)}.band-hidden{display:none}.band-focused{flex:1;min-height:550px}.band-focused .activity-card{min-height:130px}.band-focused .activity-card.short{top:30px!important;height:38%}.band-focused .activity-card.tall{top:30px!important;height:calc(100% - 60px)}.band-focused .activity-card.short:nth-of-type(3),.band-focused .activity-card.short:nth-of-type(6){top:55%!important}.focus-card-meta{position:absolute;bottom:20px;left:20px;font-family:Geist Mono,monospace;font-size:9px;color:#999}.band-focused .summary-card{max-height:340px}.band-focused .summary-slot{display:flex;align-items:center}.band-focused .summary-card p{font-size:16px;max-width:none}.band-focused .activity-bars{height:60px}.modal-overlay{position:fixed;inset:0;background:#f9f9f7c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:40;display:flex;align-items:center;justify-content:center;padding:24px}.modal-panel,.detail-card{position:relative;background:#fff;border:5px solid #fcfcfc;box-shadow:0 24px 80px #30302414,0 2px 10px #0000000a;border-radius:24px;max-height:90dvh;overflow:auto;width:min(100%,480px)}.modal-panel{padding:32px}.close-button{width:30px;height:30px;display:grid;place-items:center;font-size:23px;color:#aaa;border-radius:50%;line-height:1}.modal-panel>.close-button{position:absolute;top:16px;right:16px}.modal-panel h2{font-family:"Instrument Serif",Georgia,serif;font-size:33px;font-weight:400;color:#666;padding-right:20px}.dialog-subtitle{font-size:13px;color:#999;margin:8px 0 26px}.modal-panel form{display:flex;flex-direction:column;gap:18px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#858585}input,select,textarea{background:#fafafa;border:1px solid #eaeaea;border-radius:9px;padding:12px;color:#555;min-width:0;width:100%;font-size:14px}textarea{resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:#b3b3b3}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:4px}.quiet-button{padding:11px 14px;color:#999}.primary-button{background:#5f685f;color:#fff;border-radius:9px;padding:12px 18px;font-size:13px;display:flex;gap:16px;align-items:center;justify-content:center}.detail-card{width:min(100%,600px);border-radius:22px;box-shadow:0 30px 100px #3333221f,0 2px 8px #0000000d}.detail-inner{padding:28px 30px 24px;border-radius:17px;background:linear-gradient(var(--lane-bg),#fff 115px)}.detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.detail-category{font-family:Geist Mono,monospace;font-size:11px;color:#929292;display:flex;align-items:center;gap:7px}.detail-category i{background:var(--lane-color);width:6px;height:6px;border-radius:50%}.detail-title{display:flex;align-items:flex-start;gap:12px}.detail-title>img{margin-top:6px}.detail-title h2{font-weight:400;font-family:"Instrument Serif",Georgia,serif;font-size:34px;line-height:1.16;color:#565656}.detail-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#aaa;margin-top:18px}.detail-divider{height:1px;background:#efefef;margin:26px 0}.note-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a0a0a0}.note-heading>span{font-family:Geist Mono,monospace}.note-heading button{font-size:11px;color:#888}.detail-notes{font-size:15px;line-height:1.8;color:#777;margin-top:15px;white-space:pre-wrap;min-height:100px}.detail-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:32px;border-top:1px solid #f0f0f0;padding-top:20px;gap:10px}.detail-bottom>span{display:flex;align-items:center;gap:6px;font-size:11px;color:#999}.pin-action{display:flex;gap:6px;align-items:center;padding:7px 10px;font-size:12px}.is-pinned{background:var(--lane-bg)}.edit-note{margin-top:15px;display:flex;flex-direction:column;gap:12px;align-items:flex-end}.shortcuts{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}.shortcuts>div{display:flex;justify-content:space-between;align-items:center;font-size:12px}.shortcuts kbd{font:10px Geist Mono,monospace;background:#f7f7f7;border:1px solid #eee;border-radius:5px;padding:4px 7px;color:#999}.help-note{font-size:12px;line-height:1.7;color:#aaa}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%)!important;z-index:70;padding:12px 20px;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 5px 25px #00000012;font-size:13px;color:#777}@media(hover:hover)and (pointer:fine){.activity-card:hover{box-shadow:0 4px 12px #00000018}.activity-card:hover .activity-title{color:#363636}.pinned-card:hover,.summary-card:hover{background:#fffefc;box-shadow:0 4px 12px #00000013}.icon-button:hover,.zoom-controls button:not(:disabled):hover,.close-button:hover{background:#f3f3f3}.new-button:hover{box-shadow:0 4px 12px #00000016}.primary-button:hover{background:#4d584d}.date-title:hover{background:#f6f6f6}}@media(min-height:950px){.timeline-surface{min-height:840px}.band{min-height:148px}}@media(max-height:850px){.timeline-surface{min-height:625px}.timeline-scroll{height:calc(100% - 143px)}.topbar{height:91px}.band{min-height:108px}.activity-card.short{height:46px}.activity-card.short .card-content{padding:10px 12px}.activity-card.short[style*="78px"]{top:61px!important}.activity-card.tall{min-height:88px}.card-content{padding:12px;font-size:13px}.summary-card{gap:6px;padding:9px}.summary-card p{font-size:10px}.summary-icons{gap:3px}.activity-bars{height:12px;bottom:8px}.summary-duration{bottom:8px}.pinned-card{padding:8px 10px}.pinned-tray{max-height:48%}.focused{height:calc(100% - 173px)}}@media(max-width:1050px){.heading{position:static;transform:none;gap:3px}.topbar{padding:25px 22px;gap:12px}.heading h1{font-size:29px}.date-title{font-size:16px}.view-tabs{gap:1px}.view-tabs button{min-width:47px;padding:7px 9px;font-size:13px}.new-button{padding:8px 14px}.timeline-surface{padding-right:22px}.pinned-tray{width:300px;right:22px}.pinned-card{font-size:12px}.status>span:last-child,.status-separator{display:none}.bottom-bar{padding:0 22px}.zoom-controls{left:40%}}@media(max-width:700px){.app-frame{padding:5px;border-radius:18px;min-height:540px}.timeline-app{border-radius:13px}.topbar{height:120px;flex-wrap:wrap;padding:17px 16px 12px;align-content:space-between;gap:12px}.heading{order:-1;flex:1;justify-content:flex-start}.heading h1{font-size:30px}.date-title{font-size:15px}.new-button{order:-1;min-height:34px;font-size:12px;padding:5px 11px}.view-tabs{height:33px;width:100%;justify-content:space-between;gap:0}.view-tabs button{height:27px;flex:1;font-size:12px}.timeline-scroll{height:calc(100% - 168px)}.timeline-surface{min-width:920px;padding-right:20px}.pinned-tray{right:16px;width:265px;max-height:230px;padding:10px 12px;bottom:44px;border-radius:13px}.pinned-heading{font-size:13px}.pinned-list{gap:5px}.pinned-card{padding:7px 8px;font-size:11px;min-height:33px}.bottom-bar{height:48px;padding:0 16px}.status{font-size:9px}.zoom-controls{left:auto;right:16px;transform:none;bottom:8px}.modal-overlay{padding:12px}.modal-panel{padding:25px}.detail-inner{padding:20px}.detail-title h2{font-size:28px}.detail-notes{font-size:14px}.detail-meta{font-size:10px}.focus-banner{padding-left:17px}.focused{height:calc(100% - 198px)}}.time-tick>span{min-height:13px}.summary-body{display:flex;flex-direction:column;gap:8px;height:100%;position:relative}.summary-body .activity-bars{left:0;bottom:0;right:32px}.summary-body .summary-duration{right:0;bottom:0}.summary-body .summary-top{flex:none}.year-card .summary-body .activity-bars{bottom:24px;left:0;right:0}.year-card .summary-body .summary-duration{left:0}.band-focused .activity-card[data-row=bottom]{top:55%!important}.band-focused .activity-card[data-row=top]{top:30px!important}@media(max-height:850px){.timeline-surface{min-height:560px}.band{min-height:92px}.activity-card.short{height:calc(50% - 13px)}.activity-card.tall{min-height:0}.activity-card.short .card-content{padding:8px 12px;align-items:center}.card-content{font-size:13px}.summary-card{padding:8px}.summary-body{gap:5px}.summary-body p{max-height:24px;line-height:12px}.summary-body .activity-bars{display:none}.summary-body .summary-duration{font-size:8px;right:0;bottom:0}.year-card .summary-body .activity-bars{display:flex;height:38%}.summary-top{font-size:13px}.summary-icons .app-icon{height:14px;width:14px}.band-focused{min-height:500px}}@media(max-height:850px){.year-card .summary-body .activity-bars{top:24px;bottom:auto;height:10px}}.band-focused .short .card-content{align-items:flex-start;padding:16px}.band-focused .short .activity-title{white-space:normal;overflow:visible}.now-dot{background:none;border-radius:0}.now-dot img{transform:rotate(-90deg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.realtime-bar{height:31px;padding:0 33px 13px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;color:#aaa8a2}.activity-legend{display:flex;gap:20px}.activity-legend span:first-child{color:#bdab8c}.realtime-bar>div:last-child{display:flex;gap:14px;align-items:center}.realtime-bar button{font-size:10px;padding:5px 7px;border-radius:5px}.realtime-bar button:hover{background:#f6f5f2}.realtime-bar .following{color:#93a389}.realtime-bar button[aria-pressed=true]{color:#c89f66;background:#fff8ed}.local-clock{font-family:Geist Mono,monospace;font-size:10px;color:#999}.local-clock small{font-family:Instrument Sans,sans-serif;font-size:9px;margin-left:5px;color:#bbb}.timeline-scroll{height:calc(100% - 181px)}.timeline-scroll.focused{height:calc(100% - 211px)}.timeline-surface{min-height:810px}.band{min-height:138px}.real-activity.short{height:calc(50% - 13px)}.real-activity .card-content{padding:8px 12px;align-items:flex-start;font-size:13px;line-height:1.2}.activity-source{display:block;font-size:9px;font-weight:400;color:#aaa7a0;overflow:hidden;text-overflow:ellipsis;margin-top:6px;line-height:1.2}.compact-activity .card-content{padding:8px}.compact-activity .activity-source{font-size:8px}.ongoing{border-color:#d9c8a9;box-shadow:0 2px 8px #bca77815}.ongoing .activity-source{color:#c5a672}.future-card{width:100%;opacity:.6;pointer-events:none}.detail-kind{background:#f7f4ed;color:#b09b78;border-radius:5px;padding:3px 6px}.menu-scrim{position:fixed;inset:0;z-index:8;cursor:default}.new-menu{position:absolute;right:32px;top:82px;width:350px;padding:12px;background:#fff;border:1px solid #eae8e4;border-radius:14px;box-shadow:0 12px 45px #29231914;z-index:9}.menu-eyebrow{display:block;font:9px Geist Mono,monospace;color:#bbb4a8;padding:8px 10px 12px;letter-spacing:1px}.new-menu>button{display:flex;align-items:center;gap:13px;width:100%;padding:14px 10px;text-align:left;border-radius:9px}.new-menu>button:hover{background:#faf8f3}.new-menu strong{font-weight:400;font-size:14px;color:#777168}.new-menu small{display:block;font-size:10px;color:#aaa397;margin-top:5px;line-height:1.5}.menu-symbol{font-size:25px;color:#bdab8c}.new-menu>button>span:last-child{margin-left:auto;color:#c3b59c}.color-options{border:0;margin:0;padding:0;display:flex;gap:14px}.color-options legend{font-size:12px;color:#858585;margin-bottom:12px}.color-options label{font-size:10px;align-items:center;position:relative;gap:7px;cursor:pointer}.color-options input{position:absolute;opacity:0;width:30px;height:30px}.color-options label>span{width:34px;height:34px;border-radius:50%;background:var(--swatch);border:5px solid white;box-shadow:0 0 0 1px #eee}.color-options input:checked+span{box-shadow:0 0 0 2px var(--swatch)}.color-options input:focus-visible+span{outline:2px solid #659ddb;outline-offset:3px}.area-hint{font-size:12px;line-height:1.7;color:#aaa397;background:#faf9f6;border-radius:9px;padding:12px}.scratchpad-list{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid #eae8e2}.scratchpad-list>span{font:9px Geist Mono,monospace;color:#b6aa94;letter-spacing:1px;margin:6px 3px}.scratchpad-list small{margin-left:auto;color:#bbb;font:10px Geist Mono,monospace}.band-focused{min-height:550px}.band-focused .real-activity.short{height:38%}.band-focused .real-activity .card-content{padding:16px}.band-focused .activity-source{font-size:11px;white-space:normal}.band-focused .future-card{top:10px;bottom:10px}.status{font-size:9px}.band-focused .compact-activity .activity-title{white-space:normal;overflow:visible}.topbar{z-index:10}.new-menu{z-index:12}.menu-scrim{z-index:11}@media(max-width:1050px){.realtime-bar{padding-left:22px;padding-right:22px}.activity-legend{gap:10px}.local-clock small{display:none}}@media(max-width:700px){.realtime-bar{height:39px;padding:0 16px 9px;gap:0}.activity-legend{display:none}.realtime-bar>div:last-child{justify-content:space-between;width:100%;gap:7px}.timeline-scroll{height:calc(100% - 207px)}.timeline-scroll.focused{height:calc(100% - 237px)}.new-menu{right:12px;top:75px;max-width:calc(100% - 24px)}.timeline-surface{min-height:810px}.color-options{gap:12px}}