@import "https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..900&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--stamp:#ff7a1a;--lab:#0b5c3f;--ink:#191817;--paper:#faf9f6}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper)}.app{background:var(--paper);min-height:100dvh;color:var(--ink);font-variation-settings:"wdth" 100;flex-direction:column;max-width:720px;margin:0 auto;font-family:Archivo,system-ui,sans-serif;display:flex}.mono{letter-spacing:.04em;font-family:IBM Plex Mono,monospace;font-size:11px}.dim{color:#8c877e}.datestamp{color:var(--stamp);text-shadow:0 0 6px #ff7a1a8c;letter-spacing:.08em;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500}.masthead{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;padding:22px 20px 14px;display:flex}.wordmark{font-variation-settings:"wdth" 125;letter-spacing:.02em;font-size:26px;font-weight:900}.wordmark-accent{color:var(--stamp)}.mast-meta{color:#55524c;align-items:baseline;gap:7px;display:flex}.dot{color:#c9c4ba}.signout{cursor:pointer;color:#55524c;background:0 0;border:none;padding:0;text-decoration:underline}.tabs{border-bottom:1px solid #ddd9d0;display:flex}.tab{cursor:pointer;color:#8c877e;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:13px 0;font-family:Archivo,sans-serif;font-size:14px;font-weight:600}.tab.active{color:var(--ink);border-bottom-color:var(--stamp)}.tab:focus-visible,.thumb:focus-visible,.frame:focus-visible,.btn-primary:focus-visible,.btn-quiet:focus-visible,.signout:focus-visible,.login-form input:focus-visible{outline:2px solid var(--lab);outline-offset:2px}.content{flex:1;padding:20px}.filter-bar{color:#8c877e;border-bottom:1px solid #eeebe4;align-items:center;gap:14px;padding:9px 20px;display:flex}.filter-label{letter-spacing:.18em;font-size:10px}.filter-opt{cursor:pointer;letter-spacing:.04em;color:#8c877e;background:0 0;border:none;padding:0;font-family:IBM Plex Mono,monospace;font-size:11px}.filter-opt.active{color:var(--ink);border-bottom:2px solid var(--stamp)}.filter-opt:focus-visible{outline:2px solid var(--lab);outline-offset:2px}.login-wrap{background:var(--paper);min-height:100dvh;color:var(--ink);justify-content:center;align-items:center;padding:24px;font-family:Archivo,system-ui,sans-serif;display:flex}.login-card{text-align:center;flex-direction:column;gap:14px;width:100%;max-width:360px;display:flex}.login-eyebrow{letter-spacing:.18em}.login-form{text-align:left;flex-direction:column;gap:12px;display:flex}.login-form label{flex-direction:column;gap:4px;display:flex}.login-form .mono{color:#8c877e;letter-spacing:.18em;font-size:10px}.login-form input{color:var(--ink);background:#fff;border:1px solid #c9c4ba;border-radius:6px;padding:11px 12px;font-family:Archivo,sans-serif;font-size:16px}.login-error{color:var(--stamp);font-size:13px}.login-hint{color:#8c877e}.eyebrow{letter-spacing:.18em;color:#8c877e;font-family:IBM Plex Mono,monospace;font-size:10px}.otd-head{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.otd-title{font-variation-settings:"wdth" 118;font-size:34px;font-weight:900;line-height:1.05}.otd-sub{color:#55524c;padding-bottom:4px;font-size:13px}.filmstrip-wrap{margin-bottom:26px}.strip-label{justify-content:space-between;align-items:baseline;margin-bottom:6px;padding:0 2px;display:flex}.strip-label .mono{color:#55524c;font-size:12px}.filmstrip{overscroll-behavior-x:contain;background:#211f1c;border-radius:6px;padding:4px 0;overflow-x:auto}.sprockets{gap:14px;min-width:max-content;padding:5px 14px 3px;display:flex}.sprockets:last-child{padding:3px 14px 5px}.sprocket{background:var(--paper);opacity:.92;border-radius:2px;flex:none;width:10px;height:7px}.frames{gap:10px;min-width:max-content;padding:2px 14px;display:flex}.frame{cursor:pointer;text-align:left;background:0 0;border:none}.frame-photo{background:#35322e;border-radius:2px;width:128px;height:96px;position:relative;overflow:hidden}.frame-photo img{object-fit:cover;width:100%;height:100%;display:block}.frame-photo .datestamp{position:absolute;bottom:6px;right:7px}.frame-num{color:#a89f8d;margin-top:3px;font-size:10px;display:block}.otd-note{color:#55524c;border-left:3px solid var(--stamp);margin-top:4px;padding-left:12px;font-size:13px;line-height:1.55}.load-error{color:var(--stamp);border-left:3px solid var(--stamp);padding-left:12px;font-size:13px;line-height:1.55}.month{margin-bottom:28px}.month-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.month-head h2{font-variation-settings:"wdth" 112;font-size:19px;font-weight:800}.month-count{color:#8c877e}.grid{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.thumb{aspect-ratio:1;cursor:pointer;background:#eeebe4;border:none;border-radius:2px;padding:0;transition:transform .12s;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb:hover{transform:scale(.97)}.library-status{color:#8c877e;margin-bottom:10px}.lightbox{z-index:50;cursor:pointer;background:#141311ed;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}.lightbox-photo{position:relative}.lightbox-photo img{border-radius:3px;max-width:88vw;max-height:70vh;display:block}.lightbox-photo .datestamp{position:absolute;bottom:12px;right:14px}.lightbox-meta{color:#d8d2c4;flex-direction:column;align-items:center;gap:4px;display:flex}.dropzone{text-align:center;border:2px dashed #c9c4ba;border-radius:10px;flex-direction:column;align-items:center;gap:14px;padding:40px 26px;display:flex}.dropzone h2{font-variation-settings:"wdth" 110;font-size:21px;font-weight:800}.dz-copy{color:#55524c;max-width:380px;font-size:14px;line-height:1.5}.btn-primary{background:var(--lab);color:var(--paper);cursor:pointer;border:none;border-radius:6px;padding:13px 30px;font-family:Archivo,sans-serif;font-size:15px;font-weight:700}.btn-primary:hover{background:#0d6e4c}.btn-primary:disabled{opacity:.6;cursor:default}.btn-quiet{color:#8c877e;cursor:pointer;background:0 0;border:none;margin-top:14px;font-family:Archivo,sans-serif;font-size:14px;text-decoration:underline}.btn-quiet:disabled{opacity:.5;cursor:default}.progress-card,.done-card{background:#fff;border:1px solid #ddd9d0;border-radius:10px;padding:24px}.prog-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.prog-head h2{font-size:18px;font-weight:800}.prog-head .mono{color:var(--stamp);font-size:14px}.prog-track{background:#eeebe4;border-radius:4px;height:8px;margin-bottom:18px;overflow:hidden}.prog-fill{background:var(--stamp);height:100%;transition:width .1s linear}.prog-rows{flex-direction:column;gap:9px;display:flex}.prog-row{align-items:center;gap:10px;display:flex}.prog-state{color:#8c877e;margin-left:auto}.done-stamp{margin-bottom:10px}.done-card h2{font-variation-settings:"wdth" 110;margin-bottom:16px;font-size:21px;font-weight:800}.done-list{flex-direction:column;gap:10px;margin-bottom:18px;list-style:none;display:flex}.done-list li{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:14px;display:flex}.check{color:var(--lab);font-weight:700}.cross{color:var(--stamp);font-weight:700}.foot{color:#8c877e;padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid #ddd9d0;justify-content:space-between;display:flex}@media (width<=480px){.grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.thumb,.prog-fill{transition:none}}