:root{color:#252626;font-synthesis:none;--paper:#f7f6f2;--paper-deep:#eeece6;--surface:#fffefa;--ink:#252626;--slate:#6f7471;--slate-light:#aeb1aa;--rule:#deded7;--coral:#e9674c;--coral-dark:#c9523a;--sage:#718d78;--danger:#aa433d;--shadow:0 16px 42px #32312a12;background:#f7f6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{background:var(--paper);min-width:320px;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline-offset:3px;outline:3px solid #e9674c59}.app-shell{flex-direction:column;min-height:100vh;display:flex}.demo-boundary{border-bottom:1px solid var(--rule);min-height:34px;color:var(--slate);letter-spacing:.01em;background:#f1f0eb;align-items:center;gap:8px;padding:7px max(18px,50vw - 560px);font-size:11px;display:flex}.demo-boundary strong{color:var(--ink);font-weight:700}.demo-dot{background:var(--sage);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #718d781f}.demo-dot.is-baas{background:#2f855a;box-shadow:0 0 0 3px #2f855a33}.text-button{color:var(--coral-dark);background:0 0;border:0;margin-left:auto;padding:2px 0;font-size:11px;font-weight:700}.app-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;width:min(1120px,100% - 36px);margin:0 auto;padding:26px 0 22px;display:flex}.app-logo{color:var(--ink);letter-spacing:-.02em;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:16px;font-weight:800;display:inline-flex}.logo-mark,.auth-mark{color:#fff;background:var(--coral);place-items:center;display:grid}.logo-mark{border-radius:8px;width:26px;height:26px;font-size:22px;font-weight:400;line-height:1}.header-meta{color:var(--slate);letter-spacing:.11em;text-transform:uppercase;font-size:11px}.content-wrap{flex:1;width:min(1120px,100% - 36px);margin:0 auto}.app-footer{border-top:1px solid var(--rule);width:min(1120px,100% - 36px);color:var(--slate);justify-content:space-between;margin:54px auto 0;padding:16px 0 25px;font-size:11px;display:flex}.notice-banner{color:#2e5936;background:#f0f7f2;border:1px solid #bfd3c3;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;width:min(1120px,100% - 36px);margin:16px auto 0;padding:11px 16px;font-size:12px;font-weight:600;display:flex}.notice-close{color:#2e5936;background:0 0;border:0;font-size:18px;line-height:1}.day-header{justify-content:space-between;align-items:end;gap:24px;padding:58px 0 24px;display:flex}.section-kicker{color:var(--coral-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}h1,h2,h3,p{margin-top:0}.day-header h1,.form-heading h1,.detail-top h1,.graph-header h1,.import-preview-heading h1{max-width:660px;color:var(--ink);letter-spacing:-.055em;margin-bottom:13px;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,5vw,54px);font-weight:400;line-height:1.05}.day-caption,.form-heading>p:last-child,.auth-copy,.graph-caption{color:var(--slate);margin-bottom:0;font-size:14px}.primary-button,.secondary-button,.danger-button,.outline-button{letter-spacing:-.01em;border-radius:5px;justify-content:center;align-items:center;gap:10px;min-height:48px;font-size:13px;font-weight:800;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.primary-button{border:1px solid var(--coral);background:var(--coral);color:#fff;padding:0 19px;box-shadow:0 8px 18px #e9674c29}.primary-button:hover{background:var(--coral-dark);border-color:var(--coral-dark);transform:translateY(-1px)}.header-add{flex:none}.button-plus{font-size:21px;font-weight:300;line-height:0}.secondary-button{color:var(--ink);background:0 0;border:1px solid #babbb4;padding:0 17px}.secondary-button:hover{border-color:var(--ink);background:var(--surface)}.outline-button{border:1px solid var(--rule);background:var(--surface);min-height:38px;color:var(--ink);padding:0 14px;font-size:12px}.outline-button:hover{border-color:var(--slate);background:var(--paper-deep)}.secondary-button span,.primary-button span{font-size:17px;font-weight:400}.timeline-toolbar{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:12px 0;display:flex}.toolbar-left,.toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-btn{gap:6px;min-height:36px;padding:0 13px;font-size:12px}.timeline-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:baseline;padding:0 0 12px;display:flex}.timeline-heading h2{letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:12px}.timeline-heading span{color:var(--slate);font-size:12px}.timeline{padding:4px 0 0}.timeline-row{grid-template-columns:88px 24px minmax(0,1fr);min-height:148px;display:grid}.timeline-time{color:var(--slate);letter-spacing:-.035em;padding-top:24px;font-family:Georgia,Times New Roman,serif;font-size:20px}.timeline-time span{color:var(--coral-dark);letter-spacing:.04em;text-transform:uppercase;margin-top:4px;font-family:inherit;font-size:10px;font-weight:700;display:block}.timeline-rail{justify-content:center;display:flex;position:relative}.timeline-rail:before{background:var(--rule);content:"";width:1px;position:absolute;top:0;bottom:0}.timeline-row:first-child .timeline-rail:before{top:30px}.timeline-row:last-of-type .timeline-rail:before{bottom:28px}.timeline-dot{z-index:1;border:2px solid var(--paper);background:var(--coral);width:9px;height:9px;box-shadow:0 0 0 1px var(--coral);border-radius:50%;margin-top:29px}.timeline-row.is-next .timeline-dot{background:var(--sage);box-shadow:0 0 0 1px var(--sage), 0 0 0 5px #718d781f}.activity-content{width:100%;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;margin:12px 0 12px 12px;padding:14px 18px 15px;transition:background .18s,border-color .18s,transform .18s;display:block}.activity-content:hover{border-color:var(--rule);background:var(--surface);box-shadow:var(--shadow);transform:translateY(-1px)}.activity-topline{color:var(--slate-light);justify-content:space-between;align-items:center;display:flex}.activity-topline svg{transition:transform .18s}.activity-content:hover .activity-topline svg{color:var(--coral);transform:translate(2px,-2px)}.activity-status{color:var(--sage);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.activity-content h3{color:var(--ink);letter-spacing:-.04em;margin:6px 0 7px;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:400;line-height:1.1}.activity-notes,.activity-bring{color:var(--slate);align-items:flex-start;gap:7px;margin:4px 0 0;font-size:12px;line-height:1.5;display:flex}.activity-notes svg,.activity-bring svg{color:var(--slate-light);flex:none;margin-top:2px}.activity-bring{color:var(--ink)}.activity-add,.timeline-add{background:0 0;border:0}.timeline-add{color:var(--coral-dark);align-items:center;gap:11px;margin:-2px 0 0 112px;padding:12px 0;font-size:12px;font-weight:800;display:flex}.timeline-add svg{color:var(--coral)}.row-tags{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.tag-pill-sm{background:var(--paper-deep);color:var(--slate);border-radius:3px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.tag-pill{color:#3b5240;background:#e8ebe7;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.detail-tags-section,.detail-links-section{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;display:flex}.detail-tags-label,.detail-links-label{text-transform:uppercase;color:var(--slate);font-size:11px;font-weight:800}.detail-tags-list,.detail-links-list{flex-wrap:wrap;gap:8px;display:flex}.linked-item-pill{border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:4px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.linked-item-pill:hover{border-color:var(--coral);color:var(--coral-dark)}.empty-state{border-bottom:1px solid var(--rule);justify-items:start;padding:70px 0 80px 112px;display:grid}.empty-sun{border:1px solid var(--coral);background:#e9674c17;border-radius:50%;width:42px;height:42px;margin-bottom:22px;box-shadow:0 0 0 9px #e9674c0a}.empty-state h3{letter-spacing:-.04em;margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:400}.empty-state p{max-width:310px;color:var(--slate);margin-bottom:25px;font-size:13px}.form-view,.detail-view,.graph-view,.import-preview-view{max-width:720px;padding:44px 0 70px}.back-button{color:var(--slate);background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.back-button:hover{color:var(--coral-dark)}.form-heading,.import-preview-heading{border-bottom:1px solid var(--ink);padding:35px 0 24px}.form-heading h1,.import-preview-heading h1{margin-bottom:10px}.activity-form{gap:20px;padding-top:24px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.activity-form label{color:var(--ink);font-size:12px;font-weight:800;display:block}.activity-form label>span{justify-content:space-between;margin-bottom:8px;display:flex}.activity-form em{color:var(--slate-light);font-size:10px;font-style:normal;font-weight:500}.activity-form input,.activity-form textarea{background:var(--surface);width:100%;color:var(--ink);border:1px solid #cfd0c8;border-radius:4px;font-size:14px;transition:border-color .18s,box-shadow .18s}.activity-form input:focus,.activity-form textarea:focus{border-color:var(--coral);outline:none;box-shadow:0 0 0 3px #e9674c1f}.activity-form input{min-height:47px;padding:0 12px}.text-input{padding:0 13px}.activity-form textarea{resize:vertical;min-height:80px;padding:12px 13px}.activity-form input::placeholder,.activity-form textarea::placeholder{color:#a2a59e}.input-icon,.textarea-icon{position:relative}.input-icon svg,.textarea-icon svg{color:var(--slate);pointer-events:none;position:absolute;top:15px;left:13px}.input-icon input{padding-left:40px}.textarea-icon svg{top:15px}.textarea-icon textarea{padding-left:40px}.activity-form small{color:var(--danger);margin-top:6px;font-size:11px;font-weight:600;display:block}.save-button{justify-self:start;margin-top:5px}.error-banner{color:var(--danger);background:#fff1ee;border:1px solid #dfaca3;border-radius:4px;padding:14px 16px;font-size:12px}.error-banner h3{color:var(--danger);margin-bottom:6px;font-size:14px;font-weight:700}.form-view .error-banner,.import-preview-view .error-banner{margin-top:22px}.page-error{z-index:2;box-shadow:var(--shadow);position:fixed;bottom:18px;right:18px}.detail-view{max-width:760px}.detail-top{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-start;gap:20px;padding:42px 0 22px;display:flex}.detail-top h1{margin-bottom:11px}.detail-date{color:var(--slate);margin:0;font-size:14px}.detail-status{color:var(--sage);letter-spacing:.08em;text-transform:uppercase;border:1px solid #bed0c0;border-radius:99px;margin-top:8px;padding:6px 10px;font-size:10px;font-weight:800}.detail-time{border-bottom:1px solid var(--rule);color:var(--slate);gap:22px;padding:17px 0;font-size:13px;display:flex}.detail-time span{align-items:center;gap:8px;display:inline-flex}.detail-time svg{color:var(--coral)}.detail-sections{gap:0;padding:4px 0;display:grid}.detail-section{border-bottom:1px solid var(--rule);gap:17px;padding:26px 0;display:flex}.detail-section>svg{color:var(--coral);flex:none;margin-top:2px}.detail-section h2{letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:11px}.detail-section p{max-width:540px;color:var(--slate);white-space:pre-wrap;margin:0;font-size:14px}.detail-section.muted p{color:var(--slate-light)}.detail-actions{align-items:center;gap:18px;padding-top:29px;display:flex}.danger-button{min-height:45px;color:var(--danger);background:0 0;border:0;padding:0 4px}.confirm-dialog{z-index:5;background:#25262642;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog-panel{border:1px solid var(--rule);background:var(--surface);border-radius:6px;width:min(420px,100%);padding:26px;box-shadow:0 22px 60px #2526262e}.confirm-dialog-panel h2{letter-spacing:-.04em;margin:0 0 9px;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:400;line-height:1.1}.confirm-dialog-panel>p:not(.section-kicker){color:var(--slate);margin-bottom:22px;font-size:13px}.confirm-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-dialog-actions .secondary-button{min-height:42px}.danger-confirm-button{border:1px solid var(--danger);background:var(--danger);color:#fff;border-radius:4px;min-height:42px;padding:0 14px;font-size:12px;font-weight:800}.view-header-bar{margin-bottom:16px}.graph-header{border-bottom:1px solid var(--ink);padding:18px 0 20px}.graph-stats-pills{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.stat-pill{background:var(--paper-deep);color:var(--slate);border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:inline-flex}.stat-pill strong{color:var(--ink)}.graph-mode-toggle{gap:8px;margin:20px 0;display:flex}.tab-btn{border:1px solid var(--rule);color:var(--slate);background:0 0;border-radius:4px;padding:6px 14px;font-size:12px;font-weight:700}.tab-btn.is-active{border-color:var(--ink);background:var(--surface);color:var(--ink)}.graph-visual-card{border:1px solid var(--rule);background:var(--surface);box-shadow:var(--shadow);border-radius:6px;margin-bottom:28px;padding:16px}.graph-canvas-container{width:100%;max-width:100%;overflow-x:hidden}.graph-svg{width:100%;height:auto;display:block}.graph-edge{transition:stroke-width .2s}.edge-tag{stroke:var(--sage);opacity:.7}.edge-link{stroke:var(--coral);opacity:.85}.graph-node-group{cursor:pointer;transition:transform .15s}.graph-node-group:hover{transform:scale(1.04)}.activity-circle{fill:var(--surface);stroke:var(--coral);stroke-width:2.5px}.node-circle:hover{fill:#fdf3f0}.tag-badge-bg{fill:#e8ebe7;stroke:#c8d4c7;stroke-width:1px}.node-tag:hover .tag-badge-bg,.node-tag.is-selected .tag-badge-bg{fill:#d3dfd1;stroke:var(--sage)}.node-label{fill:var(--ink);pointer-events:none;font-size:11px;font-weight:600}.activity-label{font-size:11px}.tag-label{fill:#2c4432;font-size:10px;font-weight:700}.node-icon-text{pointer-events:none;font-size:10px}.graph-hint{text-align:center;color:var(--slate);margin-top:12px;font-size:11px}.relationship-legend{border:1px solid var(--rule);background:var(--paper-deep);border-radius:5px;margin:24px 0;padding:18px}.relationship-legend h3{letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:12px}.legend-items{grid-template-columns:1fr 1fr;gap:14px;display:grid}.legend-item{align-items:flex-start;gap:10px;display:flex}.legend-indicator{border-radius:3px;flex:none;width:14px;height:14px;margin-top:2px}.indicator-tag{background:var(--sage)}.indicator-link{background:var(--coral)}.legend-item strong{color:var(--ink);margin-bottom:2px;font-size:12px;display:block}.legend-item p{color:var(--slate);margin:0;font-size:11px;line-height:1.4}.relationship-lists{gap:28px;margin-top:20px;display:grid}.section-title-wrap{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;margin-bottom:14px;padding-bottom:8px;display:flex}.section-title-wrap h2{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin:0;font-size:14px}.section-title-wrap small{color:var(--slate);font-size:11px}.relationship-cards{gap:12px;display:grid}.rel-card{border:1px solid var(--rule);background:var(--surface);border-radius:5px;padding:14px 16px}.rel-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.rel-time{color:var(--slate);font-family:Georgia,Times New Roman,serif;font-size:16px}.rel-link-btn{color:var(--ink);text-align:right;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.rel-link-btn:hover{color:var(--coral-dark)}.rel-title{font-size:14px;font-weight:700}.rel-meta-row{flex-direction:column;gap:6px;font-size:12px;display:flex}.rel-tags-wrap,.rel-links-wrap{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rel-meta-label{color:var(--slate);font-size:11px;font-weight:700}.rel-empty{color:var(--slate-light);font-size:11px}.rel-target-pill{background:var(--paper);color:var(--ink);border:1px solid #dcded8;border-radius:3px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:inline-flex}.tag-groups-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tag-group-card{border:1px solid var(--rule);background:var(--surface);border-radius:5px;padding:14px}.tag-group-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tag-group-pill{color:#3b5240;background:#e8ebe7;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.tag-group-count{color:var(--slate);font-size:11px}.tag-group-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tag-group-item-btn{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.tag-group-item-btn:hover{color:var(--coral-dark)}.item-time{color:var(--slate);flex:none;font-family:Georgia,Times New Roman,serif}.item-title{font-weight:600}.import-filename{color:var(--slate);margin-top:6px;font-size:12px}.import-filename code{background:var(--paper-deep);border-radius:3px;padding:2px 6px}.security-notice-card{background:#f2f7f3;border:1px solid #c9d6ca;border-radius:5px;margin:20px 0;padding:14px 16px}.security-notice-badge{color:var(--sage);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:800;display:inline-block}.security-notice-card p{color:#2d4532;margin:0;font-size:12px;line-height:1.5}.import-activities-preview{gap:12px;margin:24px 0;display:grid}.import-activity-card{border:1px solid var(--rule);background:var(--surface);border-radius:5px;padding:16px}.import-activity-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.import-activity-time{color:var(--slate);align-items:center;gap:6px;font-family:Georgia,Times New Roman,serif;font-size:16px;display:inline-flex}.import-activity-title{color:var(--ink);margin:4px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:400}.import-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.import-field-preview{color:var(--slate);align-items:center;gap:6px;margin:4px 0;font-size:12px;display:flex}.import-field-preview.muted{color:var(--slate-light);font-size:11px}.import-error-list{margin:10px 0 0;padding-left:18px;font-size:12px}.import-error-list li{margin-bottom:4px}.import-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.loading-state{text-align:center;justify-items:center;padding:140px 0;display:grid}.loading-orbit{border:2px solid var(--rule);border-top-color:var(--coral);border-radius:50%;width:28px;height:28px;margin-bottom:18px;animation:1s linear infinite spin}.loading-state h2{letter-spacing:-.04em;margin-bottom:7px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400}.loading-state p{color:var(--slate);margin:0;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{flex-direction:column;justify-content:center;width:min(430px,100% - 40px);min-height:100vh;margin:0 auto;padding:54px 0;display:flex}.auth-mark{border-radius:15px;width:48px;height:48px;margin-bottom:25px;font-size:37px;font-weight:300;line-height:1}.brand-wordmark{letter-spacing:.13em;text-transform:uppercase;margin-bottom:45px;font-size:13px;font-weight:800}.auth-page h1{letter-spacing:-.065em;max-width:350px;margin-bottom:15px;font-family:Georgia,Times New Roman,serif;font-size:clamp(39px,12vw,61px);font-weight:400;line-height:.99}.auth-copy{max-width:340px;margin-bottom:35px;line-height:1.65}.auth-note{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);align-items:flex-start;gap:13px;max-width:360px;padding:15px 16px;display:flex}.auth-note .demo-dot{margin-top:7px}.auth-note div{gap:3px;display:grid}.auth-note strong{font-size:12px}.auth-note span:not(.demo-dot){color:var(--slate);font-size:11px}.auth-button{justify-content:space-between;width:100%;margin-top:25px}.auth-footnote{color:var(--slate-light);text-align:center;margin:14px 0 0;font-size:11px}.auth-card{border:1px solid var(--rule);background:var(--surface);box-shadow:var(--shadow);border-radius:6px;margin-top:24px;padding:22px 20px}.auth-tabs{border-bottom:1px solid var(--rule);margin-bottom:18px;display:flex}.auth-tab{color:var(--slate);text-align:center;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:10px 4px;font-size:12px;font-weight:700;transition:color .18s,border-color .18s}.auth-tab:hover{color:var(--ink)}.auth-tab.is-active{color:var(--coral-dark);border-bottom-color:var(--coral)}.auth-form{gap:14px;display:grid}.auth-form label{gap:6px;display:grid}.auth-form label span{color:var(--slate);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.auth-subtext{color:var(--slate);margin-bottom:14px;font-size:12px;line-height:1.45}.form-field-error{color:var(--danger);margin-top:2px;font-size:11px}.auth-separator{text-align:center;align-items:center;margin:20px 0 12px;display:flex}.auth-separator:before,.auth-separator:after{content:"";border-bottom:1px solid var(--rule);flex:1}.auth-separator span{color:var(--slate-light);text-transform:uppercase;padding:0 10px;font-size:11px}.demo-quick-btn{justify-content:center;width:100%}@media (width>=800px){.content-wrap{grid-template-columns:minmax(0,720px) 1fr;column-gap:100px;display:grid}.day-header,.form-view,.detail-view,.timeline-heading,.timeline,.empty-state,.timeline-toolbar,.graph-view,.import-preview-view{grid-column:1}.content-wrap:after{content:"Agenda yang jelas memberi ruang untuk hadir di momen berikutnya.";border-top:1px solid var(--coral);color:var(--slate);grid-area:1/2/span 2;align-self:start;margin-top:153px;padding:22px 0 0;font-family:Georgia,Times New Roman,serif;font-size:23px;line-height:1.25}.form-view,.detail-view,.graph-view,.import-preview-view{grid-column:1/span 2}.app-footer{margin-top:74px}}@media (width<=560px){.demo-boundary{padding-left:18px;padding-right:18px}.demo-boundary>span:nth-child(2){max-width:220px;line-height:1.25}.app-header{padding-top:21px;padding-bottom:18px}.header-meta{display:none}.day-header{padding-top:42px;display:block}.day-header h1{font-size:39px}.header-add{width:100%;margin-top:25px}.timeline-toolbar{flex-direction:column;align-items:stretch;gap:10px}.toolbar-left,.toolbar-right{width:100%}.toolbar-btn{justify-content:center;width:100%}.timeline-row{grid-template-columns:63px 18px minmax(0,1fr);min-height:148px}.timeline-time{padding-top:25px;font-size:17px}.timeline-time span{letter-spacing:.02em;font-size:8px}.activity-content{margin-left:9px;padding:13px 13px 14px}.activity-content h3{font-size:21px}.activity-notes,.activity-bring{font-size:11px}.timeline-add{margin-left:81px}.empty-state{padding:60px 0 68px 81px}.empty-state h3{font-size:24px}.form-view,.detail-view,.graph-view,.import-preview-view{padding-top:30px}.form-heading,.detail-top,.graph-header,.import-preview-heading{padding-top:24px}.form-heading h1,.detail-top h1,.graph-header h1,.import-preview-heading h1{font-size:34px}.form-grid{grid-template-columns:1fr;gap:10px}.detail-top{display:block}.detail-status{margin-top:20px;display:inline-block}.detail-actions{flex-direction:column;align-items:stretch}.detail-actions .primary-button{width:100%}.danger-button{align-self:center}.legend-items,.tag-groups-grid{grid-template-columns:1fr}.import-actions{flex-direction:column}.import-actions button{width:100%}.app-footer{margin-top:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}