:root{--canvas: #fff7f1;--surface: #fffcf8;--peach: #fbe4d9;--lilac: #ede1f2;--ink: #35143d;--muted: #6f5c76;--coral: #f35e59;--border: #d7c7d9;--focus: #67438a;--danger: #a3263d;--ui: "Avenir Next", ui-rounded, "Segoe UI", system-ui, sans-serif;--display: "Fraunces", Georgia, serif;--serif: var(--ui);--body: var(--ui);--hand: var(--ui);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--ink);font-family:var(--ui);font-size:16px;background:var(--canvas);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}img{max-width:100%}.hand{font-family:var(--ui);font-weight:650}.hand.big{font-size:1.25rem}.room{max-width:1160px;margin:0 auto;padding:8px 16px calc(96px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:60px;gap:12px}.wordmark{display:flex;align-items:center;gap:6px;margin:0;font-family:var(--display);font-weight:620;font-size:28px;letter-spacing:-.03em;line-height:1}.wordmark .heart{display:block;margin-top:1px}.profile{position:relative}.avatar,.icon,.filter-btn,.end,.nav,.zoom-bar button{display:grid;place-items:center}.avatar{width:44px;height:44px;border:0;border-radius:50%;background:var(--lilac);color:var(--ink);font-weight:700;font-size:18px}.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:180px;display:flex;flex-direction:column;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 40px #35143d1f}.menu button{text-align:left;border:0;background:none;border-radius:10px;min-height:44px;padding:8px 12px}.menu button[aria-checked=true]{background:var(--lilac);font-weight:700}.menu button.danger{color:var(--danger)}.find{display:flex;align-items:center;gap:8px;margin-top:4px}.search{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:48px;padding:0 8px 0 14px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px}.search input{flex:1;min-width:0;border:0;background:none;outline:none;color:var(--ink)}.search:focus-within{outline:2px solid var(--focus);outline-offset:3px}.search input::placeholder{color:var(--muted)}.clear{width:36px;height:36px;border:0;border-radius:50%;background:var(--lilac);color:var(--ink);font-size:20px;line-height:1}.filter-btn{width:48px;height:48px;flex:none;border:0;border-radius:50%;background:var(--lilac);color:var(--ink)}.chip-row{display:flex;align-items:center;gap:10px;margin:12px 0 4px}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;padding-bottom:2px}.chips::-webkit-scrollbar{display:none}.chip{flex:none;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink)}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.count{margin:0;flex:none;color:var(--muted);font-size:13px}.archive{margin-top:12px}.groups{display:flex;flex-direction:column;gap:22px}.pile h2{margin:0 0 10px;font-size:15px;font-weight:700;letter-spacing:.01em}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,8.2rem),1fr));gap:16px 12px}.tile{display:flex;flex-direction:column;gap:8px;min-width:0;padding:0;border:0;background:none;text-align:left;border-radius:16px;transition:transform .16s ease}.tile-media{position:relative;display:block;aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;background:var(--peach)}.tile-blur{position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;z-index:0;pointer-events:none;transform:scale(1.35);filter:blur(18px)}.tile-sharp{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center}.tile-media .photo-frame,.tile-media picture,.cover-proxy .photo-frame,.cover-proxy picture{display:flex;width:100%;height:100%;min-width:0;min-height:0;align-items:center;justify-content:center}.tile-blur .photo-frame,.tile-blur picture,.tile-blur img{width:100%;height:100%;object-fit:cover}.tile-sharp img{width:100%;height:100%;object-fit:contain;background:transparent}.tile-sharp.posed img{object-fit:cover;object-position:center}.caption{display:flex;flex-direction:column;gap:2px;min-width:0;padding:0 2px 2px}.from{font-weight:700;font-size:14px;line-height:1.25}.when{color:var(--muted);font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.miss{color:var(--muted);font-size:13px}.skel{aspect-ratio:3 / 4;border-radius:16px;background:linear-gradient(180deg,var(--peach),var(--lilac))}.empty{margin:28px 0;text-align:center;color:var(--muted)}.empty-box{text-align:center}.fab{position:fixed;z-index:15;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 18px;border:0;border-radius:999px;background:var(--coral);color:var(--ink);font-weight:750;box-shadow:0 10px 24px #f35e5947}html.keyboard .fab{display:none}.texty{border:0;background:none;color:var(--muted);min-height:44px;padding:8px 4px}.texty:hover{color:var(--ink)}.fine{margin:0 0 8px;color:var(--muted);font-size:13px}.reset{display:block;margin-top:8px}.sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#35143d47}.filter-sheet,.message-sheet,.confirm-card{width:min(560px,100%);background:var(--surface);border-radius:22px 22px 0 0;padding:8px 18px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px #35143d1f;animation:sheet-in .22s cubic-bezier(.22,.7,.2,1)}.confirm-card{width:min(360px,calc(100% - 32px));margin:auto;border-radius:20px;padding:18px 16px 14px}.sheet-grab{display:flex;align-items:center;justify-content:space-between;gap:8px}.sheet-grab h2,.filter-sheet h2,.message-sheet h2{margin:0;font-size:18px}fieldset{border:0;margin:8px 0 0;padding:0}legend{font-weight:700;padding:0;margin-bottom:4px}.choice-line{display:flex;align-items:center;gap:10px;min-height:44px}.choice-line input{width:18px;height:18px;accent-color:var(--focus)}.message-body{max-height:min(50vh,420px);overflow:auto;padding:4px 0 12px;user-select:text;-webkit-user-select:text}.message-body p{margin:0;font-size:16px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.message-notes{margin-top:12px!important;color:var(--muted)}.icon{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--ink)}.confirm-card p{margin:0 0 16px;font-size:17px;line-height:1.35}.confirm-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.danger-fill{border:0;border-radius:999px;background:var(--danger);color:#fff;min-height:44px;padding:0 16px;font-weight:700}.danger-fill:disabled{opacity:.6}.banner{margin:12px 0;padding:10px 12px;background:#fff1f3;border-radius:12px;color:var(--danger)}.banner p{margin:0 0 6px}.banner button{border:0;background:none;color:var(--ink);font-weight:700;min-height:44px;padding:0}.detail{position:fixed;z-index:30;left:0;right:0;top:var(--vv-top, 0px);height:var(--vv-h, 100dvh);display:flex;flex-direction:column;min-height:0;background:#f6e4d8;padding-bottom:env(safe-area-inset-bottom)}.detail-bar{flex:none;display:flex;align-items:center;gap:4px;min-height:56px;padding:max(4px,env(safe-area-inset-top)) 8px 0 max(4px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.detail-titles{flex:1;min-width:0}.detail-titles h2{margin:0;font-size:17px;font-weight:750;line-height:1.2}.detail-titles h2:focus,.detail-titles h2:focus-visible{outline:none}.detail-titles p{margin:2px 0 0;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail .more{position:relative}.segment{flex:none;align-self:center;display:flex;gap:4px;margin:4px 0 0;padding:4px;background:#fffcf8b8;border-radius:999px}.segment button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:650}.segment button[aria-selected=true]{background:var(--ink);color:#fff}.hero,.reader{position:relative;flex:1 1 auto;min-height:0;min-width:0}.hero{background:#f6e4d8;overflow:hidden}.three-wrap{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px}.three-wrap canvas{display:block;width:100%;height:100%;border:0;outline:none}.cover-proxy{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#f6e4d8;overflow:hidden}.cover-proxy.gone{opacity:0;transition:opacity .2s linear}.cover-proxy.posed{display:block}.cover-proxy.posed img{width:100%;height:100%;max-width:none;object-fit:fill;display:block}.cover-proxy img{width:100%;height:100%;object-fit:contain;background:transparent}.hold{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;align-content:center;gap:8px;background:#fff7f1e6;text-align:center}.hold button{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--ink);color:#fff}.reader{display:flex;flex-direction:column;overflow:hidden}.scan-tools{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px 6px}.panel-label{margin:0;color:var(--muted);font-size:13px}.zoom-bar{display:flex;gap:4px}.zoom-bar button{min-width:44px;height:36px;border:0;border-radius:999px;background:#fffcf8cc;color:var(--ink)}.zoom-bar button:disabled{opacity:.35}.stage{position:relative;flex:1 1 auto;min-height:0;min-width:0}.nav{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:#fffcf8e0;color:var(--ink);font-size:28px;line-height:1}.nav.prev{left:8px}.nav.next{right:8px}.nav:disabled{opacity:.3}.spread-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none}.spread{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.panel{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.reader .photo-frame,.reader picture{display:flex;width:100%;height:100%;min-width:0;min-height:0;align-items:center;justify-content:center}.dock{flex:none;margin:8px 12px 10px;padding:8px 8px 6px;background:#fffcf8f0;border-radius:22px;box-shadow:0 10px 30px #35143d14}.slider-row{display:flex;align-items:center;gap:4px}.end{min-width:64px;min-height:44px;padding:0 6px;border:0;background:none;color:var(--muted);font-weight:700;font-size:14px}.slider-row input[type=range]{flex:1;height:44px;margin:0;accent-color:var(--ink);touch-action:manipulation}.dock-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border)}.dock-actions.solo{grid-template-columns:1fr}.dock-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;background:none;color:var(--ink);font-weight:650}.dock-actions button+button{border-left:1px solid var(--border)}.dock-actions button[aria-pressed=true]{color:var(--focus)}.who-room{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px 48px}.who-ask{margin:8px 0 0;color:var(--muted)}.who-picks{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:22px}.who-card{min-width:148px;min-height:88px;padding:16px 22px;border:1px solid var(--border);border-radius:20px;background:var(--surface);font-weight:700;font-size:20px}.who-card:disabled{opacity:.6}.go{margin-top:16px;border:0;background:var(--ink);color:#fff;min-height:48px;padding:0 18px;border-radius:999px;font-weight:700}.go:disabled{opacity:.6}.hint{color:var(--muted);margin:6px 0 14px}.danger{border:0;background:none;color:var(--danger);min-height:44px}.confirm-row{display:flex;gap:10px;align-items:center}.index-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px 16px 18px;margin:8px 16px 16px}.detail .index-card{flex:1 1 auto;min-height:0;overflow:auto}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.fields label,.index-card label.wide,.profile-card>label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:650;color:var(--muted)}.fields label.wide,label.wide{grid-column:1 / -1}.index-card input,.index-card textarea,.index-card select,.profile-card input{font:16px var(--ui);color:var(--ink);background:var(--canvas);border:1px solid var(--border);border-radius:12px;padding:10px 12px;width:100%}.index-card textarea{min-height:120px;resize:vertical}.fold-picks{display:flex;flex-wrap:wrap;gap:6px}.fold-picks button{border:1px solid var(--border);background:var(--surface);border-radius:999px;min-height:36px;padding:0 12px}.fold-picks button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.inferred{display:block;margin-top:4px;color:var(--danger);font-size:13px;font-weight:650}.profile-card{display:flex;flex-direction:column;gap:14px;width:min(640px,100%);margin:12px auto}.kid-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.kids{display:flex;flex-direction:column;align-items:flex-start}.profile-room{padding-top:12px}.profile-room .masthead,.wizard-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.profile-room h1,.wizard h2,.capture-screen.paper h2{font-family:var(--display);font-weight:600;font-size:32px;margin:0}.choice-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.choice{border:1px solid var(--border);background:var(--surface);color:var(--ink);min-height:44px;padding:8px 14px;border-radius:999px}.choice.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.file-btn{position:relative;overflow:hidden}.file-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.thumbs-inline{display:flex;gap:8px;overflow-x:auto;margin:8px 0 14px}.thumbs-inline img{width:64px;height:88px;object-fit:contain;background:var(--peach);border-radius:8px}.note{color:var(--muted);margin:8px 0 0}.capture-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;width:100%;height:100dvh;overflow:hidden;display:flex;flex-direction:column;touch-action:none;color:#fff8f4;background:radial-gradient(ellipse at 50% 0%,#3a2744,#241428 58%,#140c16);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.capture-screen h2{margin:0;font-weight:650;font-size:22px;color:#fff8f4;line-height:1.1}.capture-screen .texty{color:#f6e4f2}.capture-screen .texty:disabled{opacity:.35}.capture-screen.paper{display:block;overflow:auto;touch-action:pan-y;color:var(--ink);background:var(--canvas)}.capture-screen.paper h2,.capture-screen.paper .texty{color:var(--ink)}.cap-bar{flex:none;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:10px 14px 6px}.cap-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.cap-count{margin:0;font-weight:650}.cap-steps{display:flex;gap:10px;list-style:none;margin:0;padding:0}.cap-steps li{color:#fff8f473;font-weight:650}.cap-steps li.on{color:#fff8f4;box-shadow:inset 0 -2px 0 var(--coral)}.cap-steps li.did{color:#ead7f0}.capture-screen.paper .cap-steps li{color:var(--muted)}.capture-screen.paper .cap-steps li.on{color:var(--ink)}.cap-stage{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:#140c16;touch-action:none}.cap-chooser{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px;overflow:auto}.cap-form{max-width:760px;margin:0 auto;padding:8px 16px 36px}.cap-note{margin:0;text-align:center;color:#f3e4f0;max-width:28rem}.film{display:flex;gap:10px;overflow-x:auto;padding:8px 2px 16px}.film figure{margin:0;text-align:center}.film img{width:72px;height:100px;object-fit:cover;border-radius:8px;background:#fff}.film figcaption{font-size:13px;color:#f3e4f0}.capture-screen.paper .film figcaption{color:var(--muted)}.finder{position:relative;width:min(100%,440px);aspect-ratio:3 / 4;margin:0 auto;background:#140c16;border-radius:12px;overflow:hidden}.adjust{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start}.stage-edit{touch-action:none}.stage-edit>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#140c16}.fit-box{position:absolute;z-index:1}.fit-box img{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none}.fit-box .quad-svg{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.handle{position:absolute;z-index:3;width:36px;height:36px;padding:0;border-radius:50%;border:2px solid #fff8f4;background:var(--coral);box-shadow:0 2px 6px #0006;transform:translate(-50%,-50%);touch-action:none}.handle.hot{transform:translate(-50%,-50%) scale(1.08)}.handle.on{box-shadow:0 0 0 4px #fff8f4,0 2px 6px #0006}.adjust-fill{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.adjust-bar{position:absolute;z-index:6;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:12px 12px calc(12px + env(safe-area-inset-bottom));pointer-events:none}.icon-btn{pointer-events:auto;width:44px;height:44px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#2410288c;color:#fff8f4}.adjust-error{position:absolute;z-index:6;top:10px;left:12px;right:12px}.capture-screen.edge{padding:0}.quad-svg{position:absolute;pointer-events:none;z-index:2}.loupe{position:fixed;z-index:80;width:132px;height:132px;border-radius:50%;border:3px solid #fff8f4;box-shadow:0 12px 28px #140a1480;pointer-events:none;background-repeat:no-repeat;background-color:#1a101c;overflow:hidden}.loupe-cross{position:absolute;top:0;right:0;bottom:0;left:0}.loupe-cross:before,.loupe-cross:after{content:"";position:absolute;background:#ff5a4a}.loupe-cross:before{left:50%;top:18px;bottom:18px;width:1.5px;margin-left:-.75px}.loupe-cross:after{top:50%;left:18px;right:18px;height:1.5px;margin-top:-.75px}html.lock-scroll,html.lock-scroll body{overflow:hidden;overscroll-behavior:none;height:100%}::view-transition-group(card-cover),::view-transition-old(card-cover),::view-transition-new(card-cover){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,.7,.2,1)}::view-transition-old(card-cover){animation-name:vt-fade}::view-transition-new(card-cover){animation-name:vt-in}html[data-vt=open]::view-transition-old(card-cover){animation:none;opacity:0}html[data-vt=open]::view-transition-new(card-cover),html[data-vt=close]::view-transition-old(card-cover){animation:none;width:100%;height:100%;object-fit:cover;object-position:center center}html[data-vt=close]::view-transition-new(card-cover){animation:none;opacity:0}@keyframes vt-fade{to{opacity:.35}}@keyframes vt-in{0%{opacity:.45}}@keyframes sheet-in{0%{transform:translateY(12px);opacity:0}}@media (hover: hover) and (pointer: fine){.tile:hover{transform:translateY(-2px)}}.tile:active{transform:scale(.99)}@media (max-width: 800px){.fields,.adjust{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.tile,.tile:active,.cover-proxy,.cover-proxy.gone,.filter-sheet,.message-sheet,.confirm-card{transition:none;animation:none;transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.detail{overflow-y:auto;overscroll-behavior:contain}.hero,.detail>.reader{min-height:240px;flex-shrink:0}.dock{position:sticky;bottom:0;z-index:4}.edit-scroll{flex:1;min-height:0;overflow-y:auto}.edit-scroll .index-card{overflow:visible}.filter-sheet,.message-sheet{max-height:calc(var(--vv-h, 100dvh) - 16px);overflow-y:auto;overscroll-behavior:contain}.message-body{overscroll-behavior:contain}.clear{width:44px;height:44px}.chip,.segment button,.fold-picks button{min-height:44px}.zoom-bar button{height:44px}.handle{width:44px;height:44px}.tile-media .tile-blur{display:none}.reading-badge{color:var(--focus);font-size:13px;font-weight:650}.viewer-loading{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:3;padding:8px 12px;background:var(--surface);border-radius:12px;color:var(--muted);font-size:14px;pointer-events:none}.cover-proxy.gone{transition-duration:.14s}.reading-banner{display:flex;flex:none;justify-content:center;align-items:center;gap:12px;padding:0 12px;background:var(--surface);font-size:14px}.status-toast:empty{display:none}.status-toast{position:fixed;z-index:90;left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));width:fit-content;max-width:calc(100% - 32px);margin:0 auto;padding:12px 16px;border-radius:16px;background:var(--ink);color:var(--surface);pointer-events:none}.suggestions{margin:12px 16px;padding:12px 16px;border-radius:16px;background:var(--surface)}.suggestions summary{min-height:44px;cursor:pointer;font-weight:650}.suggestions p{white-space:pre-wrap;overflow-wrap:anywhere}.suggestions>div{border-top:1px solid var(--border);padding-top:12px}.capture-flow{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--vv-top, 0);height:var(--vv-h, 100dvh);z-index:40;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:var(--canvas);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.capture-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;flex:none}.capture-header h2{margin:0;font-size:22px}.capture-header h2:focus{outline:none}.capture-header p{margin:4px 0 0;color:var(--muted);font-size:14px}.capture-content{display:flex;flex-direction:column;gap:12px;width:min(560px,100%);margin:0 auto;padding:12px 16px 24px}.capture-content .hint{margin:0;text-align:center;font-size:15px;line-height:1.4}.capture-primary,.capture-secondary{display:flex;align-items:center;justify-content:center;position:relative;min-height:52px;border:0;border-radius:16px;padding:12px 18px;font-weight:700;text-align:center}.capture-primary{background:var(--ink);color:var(--surface)}.capture-secondary{background:var(--lilac);color:var(--ink)}.capture-primary:disabled{opacity:.6}.capture-guide{display:grid;place-items:center;min-height:180px;padding:20px;border-radius:20px;background:var(--peach)}.capture-guide>span{display:grid;place-items:center;border:2px dashed var(--muted);border-radius:12px;width:120px;aspect-ratio:3 / 4;color:var(--muted);font-size:14px}.capture-guide>.landscape{width:180px;aspect-ratio:4 / 3}.capture-preview{width:100%;max-height:max(200px,calc(var(--vv-h, 100dvh) - 290px));object-fit:contain;border-radius:16px;background:var(--peach)}.capture-more summary,.capture-panels summary{min-height:44px;padding:12px 0;color:var(--muted);cursor:pointer}.capture-more .texty{display:block;width:100%;text-align:left}.capture-panels{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.capture-panels li{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding-bottom:12px}.capture-panels img{width:64px;height:80px;object-fit:contain;border-radius:8px;background:var(--peach)}.capture-panels details[open]{grid-column:1 / -1}.capture-panels details button{margin-right:12px}.orientation-picks{display:flex;gap:12px;margin:0}.orientation-picks legend{font-size:14px;color:var(--muted)}.orientation-picks label{display:flex;align-items:center;gap:8px;min-height:44px;flex:1}.orientation-picks input{width:20px;height:20px;accent-color:var(--ink)}.capture-wait{flex:1;justify-content:center}.capture-flow>.adjust-fill{min-height:380px}.capture-flow .banner{margin:8px 16px}.capture-flow .icon-btn{background:var(--ink)}.crop-wait{position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--surface)}@media (min-width: 800px){.detail{width:min(900px,100%);margin:auto;border-left:1px solid var(--border);border-right:1px solid var(--border)}.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.crop-options{position:relative;padding:8px 18px 70px;background:#fffaf5}.crop-options summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.capture-flow .capture-content{padding-bottom:90px}.capture-flow .adjust-bar{bottom:4px}.crop-options{padding-bottom:78px}@media (max-height: 500px){.capture-flow>.adjust-fill{min-height:270px}}.fold-limitation{flex:none;font-size:13px;margin:4px 16px;color:var(--muted)}.pending-captures{margin:0 0 28px}.pending-captures h2{font-size:16px;margin:0 0 12px;font-weight:600}.pending-card{position:relative;display:flex;flex-direction:column;padding:0}.pending-preview{position:relative;width:100%;aspect-ratio:4 / 5;border:0;padding:16px;background:var(--peach);border-radius:16px;display:grid;place-items:center;color:var(--ink)}.pending-preview:disabled{opacity:1;cursor:default}.pending-preview img{width:100%;height:100%;object-fit:contain}.pending-preview>svg{width:70%;fill:none;stroke:var(--muted);stroke-width:2}.pending-overlay{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;min-width:28px;min-height:28px;background:var(--surface);border-radius:50%;font-weight:700}.pending-card .caption{width:100%}.pending-card progress{display:block;width:100%;height:4px;margin:8px 0;accent-color:var(--coral)}.pending-error{font-size:12px;line-height:1.3;overflow-wrap:anywhere}.pending-actions{display:flex;align-items:center;gap:8px}.pending-actions summary{min-width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer;list-style:none}.pending-actions details[open]{flex:1}.pending-actions button{min-height:44px}.orientation-toggle{width:100%}.orientation-button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--ink);text-align:left}.orientation-button>span:nth-child(2){flex:1}.orientation-button strong,.orientation-button small{display:block}.orientation-button small{color:var(--muted);font-size:12px;margin-top:3px}.orientation-icon{width:48px;height:48px}.orientation-icon svg{width:100%;height:100%;fill:var(--peach);stroke:currentColor;stroke-width:1.8;transform-origin:center;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.orientation-icon svg.landscape{transform:rotate(90deg)}.rotate-symbol{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.capture-steps{display:flex;justify-content:center;gap:8px;padding:0 16px;margin:0 0 10px;list-style:none;font-size:11px;color:var(--muted)}.capture-steps li{padding:6px 8px;border-radius:20px}.capture-steps .current{background:var(--lilac);color:var(--ink)}.capture-steps .done{color:var(--ink)}.message-body .transcript-source{font-size:12px;color:var(--muted);margin-bottom:12px}.message-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media (prefers-reduced-motion: reduce){.orientation-icon svg{transition:none}}.brand-logo{display:block;width:166px;height:auto;max-width:100%}.who-room .brand-logo{width:234px}.room.detail-room{width:100%;max-width:none;padding:0}.collection[hidden]{display:none}.detail{position:relative;inset:auto;width:100%;max-width:none;height:var(--vv-h, 100dvh);margin:0;border:0;background:#f6e4d8}.detail-bar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));gap:8px}.detail-titles h1{margin:0;font-family:var(--hand);font-size:31px;font-weight:700;line-height:1.08}.detail-titles h1:focus{outline:none}:root{--hand: "Caveat", "Segoe Print", cursive;--serif: "Lora", Georgia, serif}.group-head,.year-label{font-family:var(--hand)}.caption .from{font-family:var(--hand);font-size:25px;line-height:1.15}.message-body p{font-family:var(--serif);font-size:17px;line-height:1.65}.message-body .transcript-source,.message-body .message-notes{font-family:var(--ui)}.dock{width:min(620px,calc(100% - 24px));margin:6px auto 8px;padding:4px 12px 2px;border-radius:18px;box-shadow:none;background:#fffcf8d1}.slider-row{gap:8px}.end{min-width:48px;min-height:52px;font-family:var(--hand);font-size:22px;font-weight:700}.slider-row input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:0;height:56px;flex:1;background:transparent;cursor:pointer;touch-action:pan-y}.slider-row input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(to right,var(--ink) var(--opening,0%),var(--border) var(--opening,0%))}.slider-row input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:44px;height:44px;margin-top:-19px;border:8px solid transparent;border-radius:50%;background:var(--ink);background-clip:padding-box}.slider-row input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:var(--border)}.slider-row input[type=range]::-moz-range-progress{height:6px;border-radius:6px;background:var(--ink)}.slider-row input[type=range]::-moz-range-thumb{width:28px;height:28px;border:8px solid transparent;border-radius:50%;background:var(--ink);background-clip:padding-box}.slider-row input[type=range]:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:12px}.dock-actions,.dock-actions.solo{display:flex;align-items:center;justify-content:center;gap:18px;border:0}.dock-actions button+button{border:0}.dock-actions .flip-control{width:48px;height:48px;min-height:48px;padding:0;border-radius:50%}.dock-actions .flip-control svg{width:20px;height:20px}.dock-actions .message-control{min-height:48px;padding:0 12px;font-family:var(--hand);font-size:25px;font-weight:600;gap:7px}.dock-actions .message-control svg{width:17px;height:17px}.dock-actions .message-control:hover{text-decoration:underline;text-underline-offset:5px}@media (min-width: 800px){.detail{width:100%;max-width:none;margin:0;border:0}.detail-bar{min-height:72px;padding:12px 24px 0}.detail-titles h1{font-size:36px}.detail .segment{margin-top:2px}.dock{margin-bottom:12px}}.pile h2{font-family:var(--hand);font-size:25px;letter-spacing:0}.collection .topbar{min-height:88px}.collection .brand-logo{width:184px}.collection .search{min-height:54px;border-color:#ead8d3;box-shadow:0 4px 16px #35143d03}.collection .filter-btn{width:52px;height:52px}.collection .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px;align-items:end;padding:8px 4px}.physical-card{--paper-angle: -1.2deg;gap:14px;border-radius:2px;padding:0 3px}.physical-card:nth-child(2n){--paper-angle: 1.2deg}.physical-card .tile-media{width:100%;aspect-ratio:var(--paper-aspect,5 / 7);border-radius:1px;overflow:visible;background:none;transform:perspective(1000px) rotateY(-7deg) rotate(var(--paper-angle));transform-origin:center bottom;isolation:isolate;transition:transform .22s ease}.physical-card .tile-media:before{content:"";position:absolute;top:-7px;right:9px;bottom:4px;left:7px;background:linear-gradient(120deg,#fff8ed,#f5d9cb);border:1px solid #e9d7c9;transform:skewY(-3deg) rotate(1deg);z-index:-1}.physical-card .tile-sharp{overflow:hidden;border:1px solid #35143d12;border-radius:1px;background:#fff9ed;box-shadow:2px 2px #eee2d3,3px 4px #d8c9bc,5px 14px 20px -8px #4b271e33}.physical-card .tile-sharp img{object-fit:contain}.physical-card .caption{padding:0 4px}.physical-card .caption .from{font-family:var(--ui);font-size:15px;font-weight:700;line-height:1.25}.physical-card .when{font-size:13px;white-space:normal}.physical-card:hover .tile-media{transform:perspective(1000px) rotateY(-4deg) rotate(0) translateY(-3px)}.physical-card:focus-visible{outline-offset:8px}.chip-row[hidden]{display:none}.archive-navigation{display:flex;align-items:center;gap:8px;margin:14px 0 2px}.archive-tabs{display:flex;gap:6px;flex:1}.archive-tabs button{min-height:44px;padding:8px 20px;border:0;border-radius:99px;background:var(--lilac)}.archive-tabs button[aria-pressed=true]{color:var(--surface);background:var(--ink)}.trash-link{font-size:13px;padding:8px}.bundle-heading{margin:14px 0 10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px}.bundle-heading h2{font:600 34px/1.1 var(--hand);color:#bd403c;margin:0}.bundle-heading button{font-size:13px}.bundle-grid{display:grid;gap:26px}.bundle{display:flex;align-items:center;gap:18px;width:100%;min-height:180px;border:0;background:transparent;padding:12px 6px;text-align:left;border-radius:12px}.bundle-fan{position:relative;width:48%;max-width:220px;height:180px;flex:none;isolation:isolate}.bundle-leaf{position:absolute;top:4px;left:0;width:76%;height:94%;background:#fff6eb;transform:translate(calc(var(--leaf)*15px)) rotate(calc(-5deg + var(--leaf)*6deg));transform-origin:50% 95%;box-shadow:1px 1px #d9c7b5,3px 8px 12px -6px #35143d40;border:1px solid #35143d12;overflow:hidden;transition:transform .22s ease}.bundle-leaf .photo-frame,.bundle-leaf picture{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bundle-leaf img{width:100%;height:100%;object-fit:contain}.bundle:hover .bundle-leaf{transform:translate(calc(var(--leaf)*18px)) rotate(calc(-7deg + var(--leaf)*8deg))}.bundle-empty{position:absolute;top:4px;right:25%;bottom:4px;left:0;background:#f4e8f5;border:1px solid #d7c7d9;transform:rotate(-4deg);box-shadow:3px 5px #f6decf,6px 8px #e6d9c8}.bundle-label{flex:1;min-width:0}.bundle-label strong{display:block;font:600 32px/1.05 var(--hand);overflow-wrap:anywhere}.bundle-label small{display:block;margin-top:10px;color:var(--muted);font-size:15px}.bundle-arrow{font-size:30px;color:var(--muted)}.collection-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.collection-title h2{font:600 30px var(--hand);margin:0;flex:1}.on-this-day{margin:14px 0}.on-this-day h2{font:600 27px var(--hand);margin:0 0 6px}.on-this-day>div{display:flex;gap:12px;overflow-x:auto;padding:4px}.on-this-day button{display:flex;align-items:center;gap:10px;min-width:180px;min-height:64px;border:0;background:var(--surface);border-radius:12px;padding:8px;text-align:left}.on-this-day img{width:38px;height:52px;object-fit:contain}.on-this-day small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.archive-sheet{width:min(100%,560px);max-height:calc(var(--vv-h,100dvh) - 28px);overflow:auto;background:var(--surface);border-radius:24px 24px 0 0;padding:18px 20px calc(20px + env(safe-area-inset-bottom))}.archive-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.archive-sheet h2{margin:0;font:600 30px var(--hand)}.archive-sheet label:not(.membership){display:flex;flex-direction:column;gap:6px}.archive-sheet input:not([type=checkbox]){width:100%;min-height:48px;padding:10px;border:1px solid var(--border);border-radius:10px;background:#fff}.archive-sheet button{min-height:44px}.membership{display:flex;align-items:center;gap:12px;min-height:52px}.membership input,.date-confirmation input{width:22px;height:22px;accent-color:var(--ink)}.new-collection{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.trash-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.revision{border-bottom:1px solid var(--border);padding:10px 0}.revision summary{cursor:pointer;min-height:44px}.revision summary small{display:block;color:var(--muted);margin-top:4px}.revision dl>div{margin:10px 0}.revision dt{font-size:12px;color:var(--muted)}.revision dd{margin:3px 0;white-space:pre-wrap;overflow-wrap:anywhere}.date-confirmation{justify-content:center}.date-confirmation span{display:flex;align-items:center;gap:8px;min-height:44px}.date-confirmation small{color:var(--muted)}.menu a{display:flex;align-items:center;min-height:44px;padding:8px 12px;color:var(--ink);text-decoration:none;border-radius:10px}.menu a:hover{background:var(--lilac)}@media (min-width:700px){.collection .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px}.bundle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.bundle-fan{height:230px}.bundle{min-height:250px}.bundle-heading h2{font-size:42px}.archive-sheet{border-radius:24px;margin:auto}}@media (min-width:1100px){.collection .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.physical-card .tile-media,.bundle-leaf{transition:none}.physical-card:hover .tile-media{transform:perspective(1000px) rotateY(-7deg) rotate(var(--paper-angle))}.bundle:hover .bundle-leaf{transform:translate(calc(var(--leaf)*15px)) rotate(calc(-5deg + var(--leaf)*6deg))}}.collection{overflow-anchor:none}.bundle{padding-left:12px;padding-right:12px}.archive-sheet{overscroll-behavior:contain}.paper-card{display:block;position:relative;width:100%;transform-style:preserve-3d}.paper-scene{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateX(3deg) rotateY(-8deg)}.paper-plane{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#fff9ef;outline:1px solid #35143d14;outline-offset:-1px;backface-visibility:hidden}.paper-plane .photo-frame,.paper-plane picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.paper-plane img{display:block;width:100%;height:100%;object-fit:contain}.paper-inside{box-shadow:1px 2px #ddcdbb,4px 10px 14px -7px #35143d30}.paper-cover{transform-origin:0 50%;transform:rotateY(-26deg);box-shadow:3px 1px 5px #35143d12}.paper-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#35143d0c,transparent 4%)}.paper-card.landscape .paper-scene{transform:rotateX(7deg) rotateY(-3deg)}.paper-card.landscape .paper-cover{transform-origin:50% 0;transform:rotateX(26deg);box-shadow:0 3px 5px #35143d12}.paper-card.landscape .paper-cover:after{background:linear-gradient(#35143d0c,transparent 4%)}.paper-card.paper-flat .paper-cover{transform:none;box-shadow:1px 2px #ddcdbb,4px 8px 12px -7px #35143d30}.paper-card.paper-flat .paper-cover:after{display:none}.physical-card .tile-media{aspect-ratio:auto;isolation:auto;transform:rotate(var(--paper-angle));transform-style:preserve-3d}.physical-card .tile-media:before{content:none}.physical-card:hover .tile-media{transform:rotate(0) translateY(-2px)}.bundle-fan{--fan-height:180px}.bundle-leaf{top:50%;bottom:auto;width:min(76%,calc(var(--fan-height) * var(--face-ratio, .7143) * .9));height:auto;aspect-ratio:var(--face-ratio,5 / 7);background:none;border:0;box-shadow:none;overflow:visible;transform:translateY(-50%) translate(calc(var(--leaf)*15px)) rotate(calc(-5deg + var(--leaf)*6deg));transform-style:preserve-3d}.bundle:hover .bundle-leaf{transform:translateY(-50%) translate(calc(var(--leaf)*18px)) rotate(calc(-7deg + var(--leaf)*8deg))}@media (min-width:700px){.bundle-fan{--fan-height:230px}}@media (prefers-reduced-motion:reduce){.physical-card:hover .tile-media{transform:rotate(var(--paper-angle))}.bundle:hover .bundle-leaf{transform:translateY(-50%) translate(calc(var(--leaf)*15px)) rotate(calc(-5deg + var(--leaf)*6deg))}}