:root{
  --ink:#111111;--muted:#777773;--paper:#fff;--soft:#f2f2ef;--line:#d9d9d4;
  --acid:#d8ff36;--safe-top:max(18px,env(safe-area-inset-top));--safe-bottom:max(12px,env(safe-area-inset-bottom));
}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;color:var(--ink);background:#ecece9;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}.app{width:100%;max-width:520px;height:100%;margin:auto;position:relative;overflow:hidden;background:var(--paper)}.screen{position:absolute;inset:0;display:none;overflow:auto;padding:calc(var(--safe-top) + 5px) 20px calc(92px + var(--safe-bottom));scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.screen.active{display:block;animation:screen-in .38s cubic-bezier(.2,.8,.2,1)}@keyframes screen-in{from{opacity:0;transform:translateY(10px)}}
.topbar,.detail-bar{height:42px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:18px;font-weight:700;letter-spacing:-.065em}.round-control{width:32px;height:32px;border:1px solid var(--ink);border-radius:50%;background:white;display:grid;place-items:center;font-size:11px}.eyebrow{margin:0;font-size:9px;line-height:1.2;font-weight:700;letter-spacing:.2em}.primary-button,.secondary-button{min-height:52px;border-radius:0;padding:0 20px;font-weight:650}.primary-button{border:1px solid var(--ink);color:white;background:var(--ink)}.secondary-button{border:1px solid var(--ink);background:white}.plain-link,.plain-action,.back-button{border:0;background:transparent}.plain-link{font-size:12px}.back-button{padding:0;font-size:24px;font-weight:300}.plain-action{padding:0;font-size:10px;letter-spacing:.14em}.detail-bar>span{font-size:9px;font-weight:650;letter-spacing:.15em}

/* Permission — the product promise is shown as an editorial artifact. */
.permission-screen{padding-bottom:calc(28px + var(--safe-bottom))}.permission-stage{height:min(46vh,410px);min-height:350px;margin-top:16px;position:relative;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden}.stage-label{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:space-between;font-size:8px;font-weight:650;letter-spacing:.16em}.stage-photo{position:absolute;left:0;top:52px;width:59%;height:230px;margin:0}.stage-photo img,.stage-photo-small img{width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(1.02)}.stage-photo figcaption,.stage-photo-small figcaption{position:absolute;left:calc(100% + 9px);top:0;width:74px;font-size:7px;line-height:1.55;letter-spacing:.12em}.stage-photo-small{left:auto;right:0;top:112px;width:32%;height:148px;border:5px solid white}.stage-photo-small figcaption{left:0;top:calc(100% + 7px)}.stage-note{position:absolute;left:0;bottom:13px;margin:0;font:italic 16px/1.18 Georgia,"Times New Roman",serif;letter-spacing:-.02em}.permission-copy{margin:24px 0 18px}.permission-copy h1,.library-intro h1{margin:8px 0 0;font-size:clamp(38px,10.7vw,52px);line-height:1.02;font-weight:500;letter-spacing:-.065em}.permission-copy>p:last-child{max-width:340px;margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.permission-actions{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.permission-actions>p{grid-column:1/-1;margin:0;color:#979792;font-size:9px}.permission-actions .primary-button{width:100%}#photo-input{display:none}

/* Library — photographic archive, not a dashboard. */
.library-intro{margin:37px 0 24px}.library-intro h1{font-size:46px}.library-intro>p:last-child{margin:11px 0 0;color:var(--muted);font-size:12px}.featured-story{width:100%;height:430px;position:relative;padding:0;border:0;background:#ddd;text-align:left;overflow:hidden}.featured-story>img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04)}.featured-story:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08) 35%,rgba(0,0,0,.68))}.story-index{position:absolute;z-index:2;top:14px;left:14px;padding:7px 8px;background:white;font-size:8px;font-weight:700;letter-spacing:.12em}.story-caption{position:absolute;z-index:2;left:18px;bottom:20px;color:white}.story-caption small,.story-caption em{display:block;font-size:8px;letter-spacing:.15em;font-style:normal}.story-caption strong{display:block;margin:8px 0 9px;font:400 42px/.85 Georgia,"Times New Roman",serif;letter-spacing:-.06em}.story-caption em{opacity:.72}.story-arrow{position:absolute;z-index:2;right:18px;bottom:18px;color:white;font-size:25px}.rail-heading{margin:36px 0 13px;padding-top:12px;border-top:1px solid var(--ink);display:flex;align-items:end;justify-content:space-between}.rail-heading h2{margin:0;font-size:17px;font-weight:620;letter-spacing:-.04em}.rail-heading button{border:0;background:transparent;padding:0;font-size:9px;letter-spacing:.14em}.section-note{color:var(--muted);font-size:9px}.location-rail{display:flex;gap:8px;overflow:auto;margin-right:-20px;padding-right:20px;scroll-snap-type:x mandatory}.location-card{min-width:69%;padding:0;border:0;background:white;text-align:left;scroll-snap-align:start}.location-card img{display:block;width:100%;height:195px;object-fit:cover;filter:saturate(.78)}.location-card>span{display:grid;grid-template-columns:1fr auto;align-items:end;padding:10px 0}.location-card b{font:400 20px/1 Georgia,"Times New Roman",serif}.location-card small{font-size:7px;letter-spacing:.1em}.insight-list{border-bottom:1px solid var(--ink)}.insight-list button{width:100%;min-height:78px;padding:12px 0;border:0;border-top:1px solid var(--line);background:white;display:grid;grid-template-columns:38px 1fr auto;align-items:center;text-align:left}.insight-no{font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.insight-list b,.insight-list small{display:block}.insight-list b{font-size:15px;font-weight:600}.insight-list small{margin-top:5px;color:var(--muted);font-size:10px}.insight-list i{font-style:normal;font-size:18px}

/* Album — metadata becomes the grid. */
.album-screen{padding-left:0;padding-right:0}.album-screen .detail-bar,.timeline-heading,.moment-list,.sticky-actions{margin-left:20px;margin-right:20px}.album-cover{margin-top:20px;display:grid;grid-template-columns:42% 58%;grid-template-rows:330px auto;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.cover-title{padding:17px 12px 12px 20px;position:relative;background:white}.cover-title>span{font-size:9px;letter-spacing:.14em}.cover-title h1{margin:41px 0 0;font:400 40px/.86 Georgia,"Times New Roman",serif;letter-spacing:-.07em}.cover-title p{position:absolute;left:20px;bottom:12px;margin:0;font-size:7px;line-height:1.55;letter-spacing:.13em}.album-cover>img{width:100%;height:330px;object-fit:cover;filter:saturate(.82)}.cover-line{grid-column:1/-1;margin:0;padding:12px 20px;font-size:8px;line-height:1.5;letter-spacing:.12em}.timeline-heading{margin-top:36px;padding:9px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:grid;grid-template-columns:52px 1fr 100px;font-size:7px;letter-spacing:.13em}.moment-list article{min-height:160px;padding:14px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:52px 1fr 96px;gap:9px;align-items:start}.moment-list article>small{font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.moment-list strong,.moment-list span{display:block}.moment-list strong{font-size:16px;font-weight:600}.moment-list span{margin-top:7px;color:var(--muted);font-size:10px;line-height:1.45}.moment-list img{width:96px;height:130px;object-fit:cover;filter:saturate(.8)}.sticky-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:18px 0 calc(var(--safe-bottom) + 2px);background:linear-gradient(transparent,#fff 20%)}

/* Journal — one deliberate editorial layout. */
.journal-screen{background:#ededeb}.journal-sheet{margin:18px 0 14px;padding:16px 16px 18px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.08)}.journal-sheet>header{padding-bottom:10px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;font-size:7px;font-weight:650;letter-spacing:.14em}.journal-sheet>h1{margin:18px 0 0;font-size:33px;line-height:1.04;font-weight:500;letter-spacing:-.06em}.journal-deck{margin:9px 0 18px;font-size:7px;letter-spacing:.16em}.journal-grid{height:410px;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:200px 92px 104px;gap:7px}.journal-grid figure{margin:0;overflow:hidden}.journal-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03)}.journal-main{grid-row:1/3}.journal-side{grid-column:2;grid-row:1}.journal-quote{grid-column:2;grid-row:2;padding:8px;border:1px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between}.journal-quote>span{font:26px/1 Georgia,serif}.journal-quote p{margin:0;font:italic 9px/1.3 Georgia,serif}.journal-wide{grid-column:1/-1;grid-row:3}.journal-sheet>footer{margin-top:14px;padding-top:9px;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr auto;align-items:end;font-size:7px;line-height:1.45;letter-spacing:.1em}.journal-sheet>footer b{font:400 28px/1 Georgia,serif}.filter-strip{display:flex;gap:0;overflow:auto;margin:0 -20px;padding:0 20px 12px}.filter-strip button{border:1px solid var(--ink);border-right:0;background:white;padding:9px 13px;font-size:9px}.filter-strip button:last-child{border-right:1px solid var(--ink)}.filter-strip button.active{color:white;background:var(--ink)}.journal-sheet.milk{filter:brightness(1.06) saturate(.7)}.journal-sheet.film{filter:contrast(1.08) saturate(.74) sepia(.1)}.journal-sheet.mono{filter:grayscale(1) contrast(1.05)}.journal-sheet.paper{filter:sepia(.16) saturate(.7)}.export-button{width:100%}

.tabbar{position:absolute;z-index:20;left:20px;right:20px;bottom:var(--safe-bottom);height:56px;border:1px solid var(--ink);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);display:none;grid-template-columns:1fr 1fr}.tabbar.visible{display:grid}.tab{border:0;background:transparent;color:#8a8a86;font-size:10px;letter-spacing:.08em}.tab+ .tab{border-left:1px solid var(--ink)}.tab.active{color:var(--ink);font-weight:700}.toast{position:fixed;z-index:50;left:50%;bottom:calc(80px + var(--safe-bottom));max-width:calc(100% - 38px);padding:11px 15px;border-radius:999px;color:white;background:#111;opacity:0;transform:translate(-50%,12px);transition:.24s;pointer-events:none;font-size:11px;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:700px){.app{height:min(900px,calc(100% - 40px));margin-top:20px;box-shadow:0 30px 90px rgba(0,0,0,.15)}}@media(max-height:740px){.permission-stage{min-height:305px;height:41vh}.stage-photo{height:190px}.permission-copy{margin-top:18px}.permission-copy h1{font-size:36px}.featured-story{height:360px}}@media(prefers-reduced-motion:reduce){.screen.active{animation:none}}