:root{color:#252327;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 15% 0,#f5e2cdb8,#0000 32%),radial-gradient(circle at 100% 15%,#dce0f5ad,#0000 28%),#f2efec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f2efec;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.app-shell{width:min(100%,980px);padding:calc(32px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(120px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));margin:0 auto}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.eyebrow,.section-kicker{letter-spacing:.14em;text-transform:uppercase;color:#77737d;margin:0 0 6px;font-size:.72rem;font-weight:800}.topbar h1,.section-heading h2,.modal h2{letter-spacing:-.035em;color:#1f1e22;margin:0}.topbar h1{max-width:720px;font-size:clamp(2rem,6vw,4rem);line-height:.98}.subtitle{color:#6d6871;max-width:620px;margin:16px 0 0;font-size:1rem;line-height:1.6}.avatar-button{color:#fff;background:#1f1e22;border:0;border-radius:50%;flex:none;width:42px;height:42px;font-weight:800}.capture-panel,.timeline-panel,.data-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #e7e3e0;box-shadow:0 18px 60px #342a2312}.capture-panel{border-radius:28px;padding:20px}.timeline-panel,.data-panel{border-radius:28px;margin-top:20px;padding:20px}.data-description{color:#756f75;max-width:680px;margin:-4px 0 16px;font-size:.86rem;line-height:1.55}.data-actions{flex-wrap:wrap;gap:10px;display:flex}.secondary-button{color:#3f3a3f;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9d3ce;border-radius:13px;padding:11px 14px;font-size:.84rem;font-weight:800}.secondary-button:hover{background:#f7f4f1}.secondary-button:disabled{opacity:.45;cursor:default}.backup-file-input{display:none}.backup-status{color:#5f735f;margin:12px 0 0;font-size:.8rem;font-weight:700}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.section-heading h2,.modal h2{font-size:clamp(1.3rem,2vw,1.75rem)}.local-badge,.count-badge{color:#746f75;background:#f2efec;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:800}.local-badge{color:#437763;white-space:nowrap}.local-badge.offline{color:#9a6320;background:#fff4df}.capture-tools{align-items:center;gap:8px;display:flex}.manage-button{color:#655f65;cursor:pointer;background:#fff;border:1px solid #ddd8d3;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:800}.manage-button.active{color:#fff;background:#211f22;border-color:#c9c2bc}.event-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.event-card-wrap{min-width:0;position:relative}.event-card-wrap .event-card{width:100%}.event-order-controls{z-index:2;gap:5px;display:flex;position:absolute;top:10px;right:10px}.event-order-controls button{color:#5f595f;cursor:pointer;background:#fffffff0;border:1px solid #ded9d5;border-radius:9px;width:30px;height:30px;padding:0;font-weight:900;box-shadow:0 4px 14px #342a2314}.event-order-controls button:disabled{opacity:.3;cursor:default}.event-card.manage-mode{border-style:dashed}.archived-panel{background:#f8f6f4;border:1px dashed #d9d3ce;border-radius:18px;margin-top:16px;padding:14px}.archived-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:10px;display:flex}.archived-heading>div{display:grid}.archived-heading>span{color:#8a848a;text-align:right;font-size:.75rem}.archived-list{gap:8px;display:grid}.archived-item{background:#fff;border:1px solid #e8e3df;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.archived-identity{align-items:center;gap:10px;min-width:0;display:flex}.archived-identity>span{font-size:1.25rem}.archived-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.archived-item>button{color:#4f494f;cursor:pointer;background:#fff;border:1px solid #d9d3ce;border-radius:10px;flex:none;padding:7px 10px;font-size:.75rem;font-weight:800}.archived-item>button:hover{background:#f2efec}.event-card{color:#252327;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fbfaf9;border:1px solid #ebe7e3;border-radius:22px;min-height:142px;padding:18px;transition:transform .12s,box-shadow .12s,border-color .12s;position:relative;overflow:hidden}.event-card:before{background:var(--event-accent);content:"";width:100%;height:3px;position:absolute;inset:0 auto auto 0}.event-card:hover{border-color:#dcd5d0;transform:translateY(-2px);box-shadow:0 12px 28px #352a2314}.event-card:active{transform:scale(.98)}.event-icon{margin-bottom:20px;font-size:2rem;line-height:1;display:block}.event-name,.event-hint{display:block}.event-name{font-size:.98rem;font-weight:800}.event-hint{color:#979198;margin-top:5px;font-size:.74rem}.add-card{background:0 0;border-style:dashed}.add-card:before{display:none}.add-icon{color:#7b757b}.empty-state{text-align:center;color:#8d878c;align-content:center;place-items:center;gap:8px;min-height:220px;display:grid}.empty-state>span{font-size:2.4rem}.empty-state strong{color:#4b474c}.empty-state p{max-width:360px;margin:0;line-height:1.5}.timeline-groups{gap:24px;display:grid}.timeline-group h3{color:#777178;letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem}.timeline-list{background:#fcfbfa;border:1px solid #ece8e5;border-radius:18px;overflow:hidden}.timeline-item{width:100%;min-height:62px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #efebe8;grid-template-columns:60px 36px 1fr 24px;align-items:center;gap:10px;padding:8px 14px;display:grid}.timeline-item:hover{background:#f7f4f1}.timeline-item:focus-visible{outline-offset:-2px;outline:2px solid #8d8680}.timeline-item:last-child{border-bottom:0}.timeline-item time{color:#8d878d;font-variant-numeric:tabular-nums;font-size:.82rem}.timeline-icon{text-align:center;font-size:1.25rem}.timeline-content strong{font-size:.9rem}.timeline-content p{color:#777178;margin:4px 0 0;font-size:.82rem}.timeline-edit-hint{color:#b1aaaf;text-align:center;font-size:.9rem}.toast{z-index:20;color:#fff;background:#211f22;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;width:min(100% - 48px,440px);margin-left:auto;padding:14px 16px;display:flex;position:fixed;bottom:24px;left:24px;right:24px;box-shadow:0 18px 50px #19141447}.toast div{gap:2px;display:grid}.toast span{color:#bbb5bc;font-size:.78rem}.toast button{color:#f4c97b;cursor:pointer;background:0 0;border:0;font-weight:800}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d1a1d5c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #ffffffb3;border-radius:26px;width:min(100%,460px);padding:22px;box-shadow:0 30px 90px #00000038}.modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.close-button{color:#6c666c;cursor:pointer;background:#f2efec;border:0;border-radius:50%;width:36px;height:36px;font-size:1.4rem}.modal label{color:#605b61;gap:7px;margin-top:14px;font-size:.78rem;font-weight:800;display:grid}.modal input,.modal textarea{box-sizing:border-box;color:#272428;width:100%;font:inherit;background:#fbfaf9;border:1px solid #ddd8d3;border-radius:14px;outline:none;padding:12px 14px}.modal textarea{resize:vertical;min-height:120px;line-height:1.55}.modal input:focus,.modal textarea:focus{border-color:#8d8680;box-shadow:0 0 0 3px #6e67601a}.modal .icon-input{text-align:center;width:82px;font-size:1.5rem}.modal-note{color:#756f75;background:#f7f4f1;border-radius:14px;margin:16px 0;padding:12px 14px;font-size:.78rem;line-height:1.5}.modal-actions{grid-template-columns:.8fr 1.2fr;gap:10px;display:grid}.primary-button,.danger-button{width:100%;font:inherit;cursor:pointer;border-radius:14px;padding:13px 16px;font-weight:800}.primary-button{color:#fff;background:#211f22;border:0}.primary-button:disabled{opacity:.45;cursor:default}.widget-choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.widget-choice{color:#403c40;text-align:left;cursor:pointer;background:#fbfaf9;border:1px solid #e4dfdb;border-radius:14px;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:8px;min-height:58px;padding:9px 10px;display:grid}.widget-choice.selected{background:#f1eeeb;border-color:#8f8882}.widget-choice:disabled{opacity:.38;cursor:default}.widget-choice-icon{text-align:center;font-size:1.4rem}.widget-choice-name{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:800;overflow:hidden}.widget-choice-order{color:#6f696f;background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.72rem;font-weight:900;display:grid}.widget-choice.selected .widget-choice-order{color:#fff;background:#211f22}.danger-button{color:#a14444;background:#fff7f7;border:1px solid #ead4d4}.danger-button:hover{background:#fceeee}.loading{color:#807980;place-items:center;min-height:70vh;display:grid}@media (width<=720px){.app-shell{padding:calc(22px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(100px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.topbar{margin-bottom:22px}.topbar h1{font-size:2.45rem}.subtitle{font-size:.9rem}.capture-panel,.timeline-panel{border-radius:22px;padding:15px}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.event-card{border-radius:18px;min-height:124px;padding:15px}.event-icon{margin-bottom:17px}.timeline-item{grid-template-columns:52px 30px 1fr 22px;padding-inline:10px}.toast{right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));left:calc(14px + env(safe-area-inset-left));width:auto}}@media (prefers-reduced-motion:reduce){.event-card{transition:none}}.app-shell{width:min(100%,720px);padding-top:calc(22px + env(safe-area-inset-top))}.topbar{align-items:center;margin-bottom:14px}.topbar h1{font-size:2rem;line-height:1.05}.subtitle{text-transform:capitalize;margin-top:6px;font-size:.82rem;line-height:1.4}.avatar-button{cursor:pointer;width:44px;height:44px;font-size:1rem}.capture-panel{border-radius:24px;padding:16px 0 12px;overflow:hidden}.capture-panel>.section-heading{margin-bottom:12px;padding:0 16px}.quick-search{color:#817a80;background:#f2efec;border:1px solid #0000;border-radius:15px;grid-template-columns:24px minmax(0,1fr) 34px;align-items:center;min-height:48px;margin:0 16px 10px;padding:0 10px 0 13px;display:grid}.quick-search:focus-within{background:#fff;border-color:#cec7c2;box-shadow:0 0 0 4px #342a230f}.quick-search>span{font-size:1.25rem;line-height:1}.quick-search input{color:#242125;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:1rem}.quick-search input::-webkit-search-cancel-button{display:none}.quick-search button{color:#6f696f;cursor:pointer;background:#e4dfdb;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:1.15rem;display:grid}.quick-toolbar{justify-content:space-between;align-items:center;gap:8px;padding:0 16px;display:flex}.desktop-capture-heading{display:none}.sort-control{background:#f2efec;border-radius:999px;min-width:0;padding:3px;display:flex}.sort-control button{color:#817a80;min-height:34px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 11px;font-size:.72rem;font-weight:800}.sort-control button.active{color:#282428;background:#fff;box-shadow:0 2px 8px #342a231a}.add-quick-button{color:#3c373c;cursor:pointer;background:#fff;border:1px solid #ded8d3;border-radius:50%;flex:none;width:40px;height:40px;padding:0;font-size:1.3rem}.dock-stage{height:134px;position:relative;overflow:hidden}.dock-list{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;align-items:center;gap:9px;height:126px;padding:16px calc(50% - 38px) 20px;display:flex;overflow-x:auto}.dock-list::-webkit-scrollbar{display:none}.dock-event{--dock-scale:.78;--dock-lift:0px;scroll-snap-align:center;color:#2c292d;opacity:.54;width:76px;height:80px;transform:translateY(var(--dock-lift)) scale(var(--dock-scale));transform-origin:bottom;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent;will-change:transform, opacity;background:#fbfaf9;border:1px solid #e4dfdb;border-radius:19px;flex:0 0 76px;padding:10px 7px 8px;transition:transform .12s ease-out,opacity .12s ease-out,box-shadow .12s ease-out;position:relative;overflow:hidden;box-shadow:0 8px 20px #342a230f}.dock-event:before{background:var(--event-accent);content:"";border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:12px;right:12px}.dock-event[aria-current=true]{z-index:2;box-shadow:0 16px 28px #342a2326}.dock-event:focus-visible{outline-offset:2px;outline:3px solid #3a59b647}.dock-icon{margin-bottom:7px;font-size:1.8rem;line-height:1;display:block}.dock-name{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:850;line-height:1.15;display:block;overflow:hidden}.dock-focus-dot{background:#2b282c;border-radius:50%;width:5px;height:5px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.focused-event{color:#302c30;justify-content:center;align-items:center;gap:7px;min-height:30px;margin:-3px 16px 1px;font-size:.84rem;display:flex}.focused-event span{font-size:1rem}.search-empty{color:#756f75;text-align:center;background:#f7f4f1;border-radius:16px;margin:16px;padding:20px;font-size:.84rem}.search-empty button{color:#292529;font:inherit;cursor:pointer;background:0 0;border:0;margin-left:6px;font-weight:850;text-decoration:underline}.timeline-panel{border-radius:24px;margin-top:12px;padding:16px}.settings-modal{max-width:520px}.settings-modal>.local-badge{margin:-4px 0 16px;display:inline-flex}.settings-actions{gap:8px;display:grid}.settings-action{color:#383438;text-align:left;cursor:pointer;background:#fbfaf9;border:1px solid #e5e0dc;border-radius:15px;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:10px;width:100%;min-height:62px;padding:10px 12px;display:grid}.settings-action-static{cursor:default}.settings-action>span{text-align:center;font-size:1.25rem}.settings-action div{gap:3px;display:grid}.settings-action strong{font-size:.86rem}.settings-action small{color:#7b747a;font-size:.72rem}.settings-action b{color:#aaa2a8;font-size:1.35rem;font-weight:500}.settings-data{border-top:1px solid #ece8e5;margin-top:18px;padding-top:16px}.settings-data-head{justify-content:space-between;align-items:flex-end;margin-bottom:10px;display:flex}.settings-data-head div{gap:1px;display:grid}.settings-data-head .section-kicker{margin-bottom:0}.settings-data-head>span{color:#918a90;font-size:.7rem;font-weight:800}.settings-data .data-description{margin:0 0 12px}@media (width<=720px){.topbar{margin-bottom:14px}.topbar h1{font-size:2rem}.subtitle{font-size:.82rem}.capture-panel{border-radius:22px;padding:15px 0 10px}.capture-panel>.section-heading{padding:0 15px}.quick-search{margin-left:15px;margin-right:15px}.quick-toolbar{padding:0 15px}.timeline-panel{border-radius:22px;padding:15px}}@media (width<=370px){.sort-control button{padding-inline:8px;font-size:.68rem}}@media (prefers-reduced-motion:reduce){.dock-event{transition:none}}.app-shell{min-height:100dvh;padding-bottom:calc(18px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.topbar{order:1}.timeline-panel{flex-direction:column;flex:320px;order:2;min-height:240px;max-height:min(45dvh,430px);margin-top:0;display:flex;overflow:hidden}.timeline-panel>.section-heading{flex:none}.timeline-panel>.empty-state{flex:1;min-height:0}.timeline-groups{overscroll-behavior-y:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d8d1cc transparent;flex:1;min-height:0;padding-right:2px;overflow-y:auto}.timeline-item.latest{background:#f3efec;box-shadow:inset 3px 0 #2f2b2f}.capture-panel{flex:none;order:3;margin-top:12px}.manage-shell .capture-panel{order:2;margin-top:0}.manage-shell .timeline-panel{display:none}.quick-toolbar{justify-content:flex-start}.quick-search-row{grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:10px;padding:0 16px;display:grid}.quick-search-row .quick-search{margin:0}.dock-stage{height:142px}.dock-list{align-items:flex-end;height:142px;padding-top:30px;padding-bottom:20px}.dock-focus-dot{bottom:8px}@media (width<=720px){.app-shell{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.timeline-panel{min-height:230px;max-height:min(44dvh,380px)}.quick-search-row{padding:0 15px}.quick-search-row .quick-search{margin:0}}@media (height<=680px) and (width<=720px){.app-shell{padding-top:calc(14px + env(safe-area-inset-top))}.topbar{margin-bottom:10px}.timeline-panel{min-height:190px;max-height:38dvh}}@media (width>=900px){.app-shell{width:min(100%,1180px);min-height:100dvh;padding:calc(28px + env(safe-area-inset-top)) calc(28px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(28px + env(safe-area-inset-left));grid-template-columns:minmax(0,1.45fr) minmax(360px,.8fr);grid-template-areas:"header header""timeline capture";align-items:start;gap:18px;display:grid}.topbar{grid-area:header;margin-bottom:2px}.topbar h1{font-size:2.25rem}.subtitle{margin-top:5px;font-size:.82rem}.timeline-panel{border-radius:26px;grid-area:timeline;min-height:620px;max-height:calc(100dvh - 150px);margin-top:0;padding:20px}.capture-panel{border-radius:26px;grid-area:capture;margin-top:0;padding:18px 0 16px;position:sticky;top:22px}.desktop-capture-heading{justify-content:space-between;align-items:flex-end;gap:12px;padding:0 18px 14px;display:flex}.desktop-capture-heading h2{color:#1f1e22;letter-spacing:-.025em;margin:0;font-size:1.15rem}.desktop-capture-heading>span{color:#8a848a;white-space:nowrap;font-size:.7rem;font-weight:750}.quick-toolbar{padding:0 18px}.dock-stage{height:auto;overflow:visible}.dock-list{scroll-snap-type:none;scrollbar-width:thin;scrollbar-color:#d8d1cc transparent;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;height:auto;max-height:330px;padding:14px 18px 18px;display:grid;overflow:hidden auto}.dock-event{opacity:1;scroll-snap-align:none;transform-origin:50%;width:100%;min-width:0;height:92px;transform:none}.dock-event:hover{background:#fff;border-color:#d7d0cb;transform:translateY(-2px);box-shadow:0 10px 24px #342a2317}.dock-event:active{transform:scale(.97)}.dock-event[aria-current=true]{box-shadow:0 8px 20px #342a230f}.dock-focus-dot{display:none}.dock-icon{margin-bottom:8px;font-size:1.85rem}.dock-name{font-size:.74rem}.quick-search-row{padding:0 18px}.timeline-groups{padding-right:6px}.timeline-item{grid-template-columns:64px 38px 1fr 28px;min-height:66px;padding-inline:16px}.manage-shell{width:min(100%,820px);display:flex}.manage-shell .topbar{margin-bottom:14px}.manage-shell .capture-panel{width:100%;position:static}}