:root[data-theme=archive]{--bg: #efeade;--surface: #f2eee4;--ink: #1d232e;--muted: #8d8878;--accent: #2c3ee0;--accent-ink: #f2eee4;--line: rgba(44, 62, 224, .55);--line-strong: #2c3ee0;--tile-bg: #f2eee4;--tile-ink: #2c3ee0;--tile-meta: rgba(44, 62, 224, .75);--tile-urgent-bg: #2c3ee0;--tile-urgent-ink: #f2eee4;--tile-approaching-bg: repeating-linear-gradient( 45deg, rgba(44, 62, 224, .14) 0, rgba(44, 62, 224, .14) 1px, transparent 1px, transparent 5px ) #f2eee4;--tile-approaching-ink: #2c3ee0;--tile-closed-ink: rgba(29, 35, 46, .28);--tile-closed-line: rgba(29, 35, 46, .18);--font-display: "Iowan Old Style", Georgia, "Times New Roman", serif;--font-meta: "SF Mono", "IBM Plex Mono", Menlo, Consolas, monospace;--display-weight: 500;--display-tracking: .01em;--tile-radius: 0;--tile-border-w: 1px;--map-bg: transparent;--map-frame: none;--gap: 6px}:root[data-theme=mono]{--bg: #ffffff;--surface: #ffffff;--ink: #0a0a0a;--muted: #9c9c9c;--accent: #0a0a0a;--accent-ink: #ffffff;--line: #0a0a0a;--line-strong: #0a0a0a;--tile-bg: #ffffff;--tile-ink: #0a0a0a;--tile-meta: #4c4c4c;--tile-urgent-bg: #0a0a0a;--tile-urgent-ink: #ffffff;--tile-approaching-bg: repeating-linear-gradient( 45deg, rgba(10, 10, 10, .16) 0, rgba(10, 10, 10, .16) 1px, transparent 1px, transparent 5px ) #ffffff;--tile-approaching-ink: #0a0a0a;--tile-closed-ink: #c3c3c3;--tile-closed-line: #dedede;--font-display: "Helvetica Neue", Helvetica, "Arial Black", Arial, system-ui, sans-serif;--font-meta: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--display-weight: 700;--display-tracking: -.02em;--tile-radius: 0;--tile-border-w: 0px;--map-bg: #0a0a0a;--map-frame: 1px solid #0a0a0a;--gap: 1px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{background:var(--bg);color:var(--ink);font-family:var(--font-meta);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.app{height:100%;display:flex;flex-direction:column;padding:14px 18px 12px;gap:10px}.app.is-zen{padding:0;gap:0}.topbar{display:grid;grid-template-columns:1fr minmax(280px,480px) 1fr;grid-template-areas:"brand search right";align-items:center;gap:16px}.topbar__brand{grid-area:brand}.topbar .search{grid-area:search}.topbar__right{grid-area:right}.topbar__brand{font-family:var(--font-meta);font-size:11px;letter-spacing:.1em;color:var(--ink);white-space:nowrap}.topbar__brand em{font-style:normal;color:var(--muted)}.topbar__brand a{color:var(--accent);text-decoration:none}.topbar__brand a:hover{text-decoration:underline;text-underline-offset:2px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);background:var(--surface);padding:9px 14px}.search input{flex:1;border:none;outline:none;background:transparent;color:var(--ink);font-family:var(--font-meta);font-size:12px;letter-spacing:.05em}.search input::placeholder{color:var(--muted)}.search kbd{font-family:var(--font-meta);font-size:10px;letter-spacing:.08em;color:var(--muted);white-space:nowrap}.topbar__right{display:flex;justify-content:flex-end;align-items:center;gap:12px}.topbar__hint{font-family:var(--font-meta);font-size:9px;letter-spacing:.14em;color:var(--muted);white-space:nowrap}.theme-toggle{display:flex;border:1px solid var(--line-strong)}.theme-toggle button{font-family:var(--font-meta);font-size:10px;letter-spacing:.08em;padding:6px 12px;color:var(--ink)}.theme-toggle button.is-active{background:var(--accent);color:var(--accent-ink)}.filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filters__label{font-family:var(--font-meta);font-size:10px;letter-spacing:.14em;color:var(--muted);margin-right:6px}.chip{font-family:var(--font-meta);font-size:10px;letter-spacing:.08em;padding:4px 10px;border:1px solid var(--line);color:var(--tile-ink)}.chip.is-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.chip--starred{display:inline-flex;align-items:center;gap:5px;margin-left:auto}.chip--add{display:inline-flex;align-items:center;gap:5px}.treemap{position:relative;flex:1;min-height:0;background:var(--map-bg);border:var(--map-frame)}.peek{position:absolute;z-index:30;background:var(--surface);border:1px solid var(--line-strong);padding:10px 12px;pointer-events:none;animation:peek-in .12s ease-out}@keyframes peek-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.peek__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.peek__name{font-family:var(--font-display);font-weight:var(--display-weight);font-size:17px;color:var(--tile-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peek__name sup{font-size:.45em;font-family:var(--font-meta);margin-left:2px}.peek__status{font-family:var(--font-meta);font-size:8px;letter-spacing:.1em;padding:2px 5px;border:1px solid var(--tile-ink);color:var(--tile-ink);white-space:nowrap;flex-shrink:0}.peek__meta{display:flex;flex-direction:column;gap:2px;margin-top:7px;font-family:var(--font-meta);font-size:10px;letter-spacing:.05em;color:var(--ink)}.peek__meta span:last-child{color:var(--muted)}.treemap__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);font-family:var(--font-meta);font-size:11px;letter-spacing:.16em;color:var(--muted)}.tile{position:absolute;overflow:hidden;border:var(--tile-border-w) solid var(--line);background:var(--tile-bg);color:var(--tile-ink);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:12px 14px;text-align:left}:is(.tile,.card).is-urgent{background:var(--tile-urgent-bg);color:var(--tile-urgent-ink);border-color:var(--tile-urgent-bg)}:is(.tile,.card).is-approaching{background:var(--tile-approaching-bg);color:var(--tile-approaching-ink)}:is(.tile,.card).is-closed{background:var(--tile-bg);color:var(--tile-closed-ink);border-color:var(--tile-closed-line)}:is(.tile,.card).is-closed .tile__name{text-decoration:line-through;text-decoration-thickness:2px}.tile__row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;min-width:0}.tile__field{font-family:var(--font-meta);font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.85;white-space:nowrap}.tile__status{font-family:var(--font-meta);font-size:9px;letter-spacing:.1em;padding:2px 6px;border:1px solid currentColor;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.tile__star{display:inline-flex;padding:2px;opacity:.55;flex-shrink:0}.tile__star:hover,.tile__star.is-faved{opacity:1}.tile__link{display:inline-flex;padding:2px;color:inherit;opacity:.55;flex-shrink:0}.tile__link:hover{opacity:1}.tile__detail a{color:inherit;text-decoration:underline;text-underline-offset:2px}.tile__trend{display:inline-flex;padding:2px;flex-shrink:0}.tile__detail .tile__tags{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:6px;margin-top:4px}.tile__tag{font-family:var(--font-meta);font-size:11px;letter-spacing:.05em;padding:0;color:inherit;opacity:.72}.tile__tag:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}.tile__detail .tile__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid color-mix(in srgb,currentColor 30%,transparent)}.tile__action{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-meta);font-size:10px;letter-spacing:.12em;padding:8px 16px;border:1px solid currentColor;color:inherit;text-decoration:none!important;text-transform:uppercase}.tile__action:hover{opacity:.7}.tile__detail .tile__freshness{margin-top:16px;font-size:8px;letter-spacing:.14em;opacity:.5;text-transform:uppercase}:is(.tile,.card).is-approaching .tile__action{background:var(--tile-bg)}.feed{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.feed__canvas{position:relative;width:100%}.tile__name{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:.95;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:font-size .55s cubic-bezier(.3,.7,.25,1)}.tile__name sup{font-size:.38em;letter-spacing:.05em;margin-left:2px;font-family:var(--font-meta);font-weight:400}.tile__meta{display:flex;flex-direction:column;gap:2px;font-family:var(--font-meta);font-size:11px;letter-spacing:.08em;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .55s cubic-bezier(.3,.7,.25,1)}.tile__meta>span{display:block;overflow:hidden;text-overflow:ellipsis}.tile__countdown{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:1;opacity:.92;flex-shrink:0;transition:font-size .55s cubic-bezier(.3,.7,.25,1)}.tile__detail{font-family:var(--font-meta);font-size:11px;line-height:1.7;letter-spacing:.05em;max-width:46ch}.tile__detail dt{font-size:9px;letter-spacing:.16em;text-transform:uppercase;opacity:.6;margin-top:10px}.tile__detail dd{margin:0}.timeline{border:1px solid var(--line-strong);background:var(--surface);padding:10px 16px 12px;flex-shrink:0}.timeline__track{position:relative;height:26px}.timeline__axis{position:absolute;left:0;right:0;top:18px;border-top:1px solid var(--line-strong)}.timeline__tick{position:absolute;top:14px;width:1px;height:9px;background:var(--line-strong)}.timeline__label{position:absolute;top:0;font-family:var(--font-meta);font-size:9.5px;letter-spacing:.1em;color:var(--muted);white-space:nowrap;padding:1px 3px}.timeline__label:hover{color:var(--ink)}.timeline__label.is-active{background:var(--accent);color:var(--accent-ink)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 72%,transparent)}.modal__panel{width:min(680px,calc(100vw - 40px));max-height:calc(100vh - 60px);overflow-y:auto;background:var(--surface);border:1px solid var(--line-strong);padding:18px 20px}.modal__head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-meta);font-size:10px;letter-spacing:.14em;margin-bottom:16px;color:var(--ink)}.modal__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px 12px}.modal__grid label{display:flex;flex-direction:column;gap:4px;font-family:var(--font-meta);font-size:9px;letter-spacing:.12em;color:var(--muted)}.modal__wide{grid-column:span 2}.modal__grid input{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-family:var(--font-meta);font-size:12px;padding:6px 8px;outline:none}.modal__grid input:focus{border-color:var(--line-strong)}.modal__tags{margin-top:14px}.modal__label{display:block;font-family:var(--font-meta);font-size:9px;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.modal__tags>div{display:flex;flex-wrap:wrap;gap:4px}.modal__error{margin-top:12px;font-family:var(--font-meta);font-size:10px;letter-spacing:.08em;color:var(--ink);border:1px solid var(--line-strong);padding:6px 10px}.modal__foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px}.modal__hint{font-family:var(--font-meta);font-size:9px;letter-spacing:.08em;color:var(--muted)}.modal__submit{font-family:var(--font-meta);font-size:10px;letter-spacing:.12em;padding:8px 14px;background:var(--accent);color:var(--accent-ink);white-space:nowrap}.help__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.help__title{font-family:var(--font-meta);font-size:10px;font-weight:400;letter-spacing:.14em;color:var(--muted);margin-bottom:10px}.help__row{display:flex;align-items:baseline;gap:12px;margin-bottom:8px;font-family:var(--font-meta);font-size:11px;color:var(--ink)}.help__row kbd{flex-shrink:0;min-width:110px;font-family:var(--font-meta);font-size:10px;padding:3px 8px;border:1px solid var(--line);color:var(--tile-ink);text-align:center}.help__row span{line-height:1.5}.help__legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.help__key{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-meta);font-size:10px;letter-spacing:.06em;color:var(--ink)}.help__swatch{width:30px;height:19px;border:1px solid var(--line);background:var(--tile-bg);flex-shrink:0}.help__swatch.is-urgent{background:var(--tile-urgent-bg);border-color:var(--tile-urgent-bg)}.help__swatch.is-approaching{background:var(--tile-approaching-bg)}.help__swatch.is-closed{border-color:var(--tile-closed-line)}.help__key s{color:var(--tile-closed-ink)}.help__tag{font-family:var(--font-meta);font-size:9px;letter-spacing:.1em;padding:2px 6px;border:1px solid var(--tile-ink);color:var(--tile-ink)}.help__foot{margin-top:14px;font-family:var(--font-meta);font-size:10px;line-height:1.7;color:var(--muted)}@media (max-width: 640px){.app{padding:10px 10px 8px;gap:8px}.topbar{grid-template-columns:1fr auto;grid-template-areas:"brand right" "search search";gap:8px 12px}.topbar__hint{display:none}.search{padding:8px 12px}.search kbd{display:none}.search input,.modal__grid input{font-size:16px}.filters{gap:5px}.modal__panel{padding:14px;max-height:calc(100dvh - 32px)}.modal__grid{grid-template-columns:1fr 1fr}.modal__foot{flex-direction:column;align-items:stretch}.help__grid{grid-template-columns:1fr}.help__row kbd{min-width:88px}.tile__star,.tile__link{padding:5px}.tile__action{padding:9px 14px}.timeline{padding:8px 10px 10px}.timeline__label{padding:4px 5px}}.timeline__count{position:absolute;top:2px;transform:translate(-50%);font-family:var(--font-meta);font-size:10px;letter-spacing:.08em;color:var(--accent);padding:0 4px}