:root{color:#43352b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-card:#fffdf8eb;--bg-soft:#fffcf7c2;--line:#7b644e1f;--text-main:#46362c;--text-muted:#8b786a;--shadow-lg:0 18px 44px #7e684f1f;--shadow-md:0 10px 24px #7e684f14;--sage:#dce9c8;--sage-strong:#6b7e58;--rose:#f8e4e3;--rose-strong:#9c6258;--nav-h:calc(62px + var(--safe-bottom));--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--ease-screen:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.2, .85, .22, 1);--ease-soft:cubic-bezier(.32, .72, 0, 1);background:radial-gradient(circle at 0 0,#d5e8c8,#0000 34%),radial-gradient(circle at 100% 0,#f7e4cacc,#0000 24%),linear-gradient(#fbf8f2 0%,#f2ebe0 100%);font-family:SF Pro Rounded,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{background:radial-gradient(circle at 0 0,#d5e8c8,#0000 34%),radial-gradient(circle at 100% 0,#f7e4cacc,#0000 24%),linear-gradient(#fbf8f2 0%,#f2ebe0 100%);height:100%;min-height:100%}body{background-color:#edf3e5;margin:0}button{font:inherit}.app-shell{justify-content:center;align-items:flex-start;min-height:100dvh;padding:24px 18px 36px;display:flex}.phone-frame{background:linear-gradient(#edf3e5 0 154px,#fbf8f2 330px,#f2ebe0 100%),radial-gradient(circle at 0 0,#d5e8c8eb,#0000 30%),linear-gradient(#fbf8f2 0%,#f2ebe0 100%);border:1px solid #7d6a581f;border-radius:34px;flex-direction:column;width:min(100%,430px);height:calc(100dvh - 48px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #77624b2e}.app-main{-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:calc(var(--nav-h) + 8px);overscroll-behavior-y:contain;scrollbar-width:none;background:linear-gradient(180deg, #edf3e5 0px, #edf3e5 calc(var(--safe-top) + 88px), #fbf8f2 248px, #f2ebe0 100%), radial-gradient(circle at top left, #d5e8c8d1, transparent 28%);flex:1;position:relative;overflow-y:auto}.app-main::-webkit-scrollbar{display:none}.screen-block{padding:calc(var(--safe-top) + 10px) 18px 0;gap:18px;display:grid}.app-content{will-change:transform;min-height:100%;transition:transform .18s ease-out}.screen-stage{min-height:100%}.motion-screen{min-height:100%;animation-duration:.52s;animation-fill-mode:both;animation-timing-function:var(--ease-screen);will-change:transform, opacity, filter}.motion-screen.motion-none{animation-name:none}.motion-screen.motion-forward{animation-name:screen-enter-forward}.motion-screen.motion-back{animation-name:screen-enter-back}.motion-screen.motion-tab-left{animation-name:screen-enter-left}.motion-screen.motion-tab-right{animation-name:screen-enter-right}.motion-item,.motion-card{opacity:0;animation:content-rise .76s var(--ease-spring) both;animation-delay:var(--motion-delay,0s);will-change:transform, opacity;transform:translateY(22px)scale(.98)}.motion-card{animation-name:card-rise}.pull-refresh-indicator{top:calc(var(--safe-top) + 8px);z-index:20;min-height:34px;color:var(--text-muted);pointer-events:none;opacity:0;background:#fffdf8f0;border:1px solid #7b644e1a;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:12px;transition:opacity .16s ease-out,transform .18s ease-out;display:inline-flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #7e684f1f}.pull-refresh-indicator.visible{opacity:1}.pull-refresh-dot{background:linear-gradient(#dce9c8 0%,#b8ce95 100%);border-radius:999px;width:12px;height:12px;box-shadow:inset 0 1px #ffffffb3}.pull-refresh-dot.spinning{animation:.8s linear infinite koala-refresh-spin}.tab-icon svg{width:20px;height:20px}.new-badge-card,.recent-card,.mini-card,.skill-card,.mountain-focus-card,.tab-item,.segment-btn,.primary-btn,.secondary-btn,.photo-thumb,.back-btn,.button-meta{transition:transform .18s var(--ease-soft), box-shadow .22s var(--ease-soft), filter .18s ease-out, background-color .18s ease-out}.new-badge-card:active,.recent-card:active,.mini-card:active,.skill-card:active,.mountain-focus-card:active,.tab-item:active,.segment-btn:active,.primary-btn:active,.secondary-btn:active,.photo-thumb:active,.back-btn:active,.button-meta:active{filter:brightness(1.03);transform:translateY(1px)scale(.98)}.side-card{transition:box-shadow .22s var(--ease-soft), filter .18s ease-out}.side-card:active{filter:brightness(1.04)}.card,.mini-card,.skill-card,.row-card,.travel-card,.side-card,.meta-box{border:1px solid var(--line);background:var(--bg-card);box-shadow:var(--shadow-md)}.welcome-card,.new-badge-card,.recent-card,.detail-card,.reading-card,.mountain-hero-card,.light-shell,.photo-viewer,.timeline-shell{border-radius:28px}.welcome-card{isolation:isolate;padding:20px 20px 18px;position:relative;overflow:hidden}.welcome-card:after{content:"";opacity:.78;z-index:-1;background:radial-gradient(circle at 15% 18%,#fffc,#0000 20%),radial-gradient(circle at 78% 12%,#fae5cfa3,#0000 28%),radial-gradient(circle at 52% 84%,#d5e8c880,#0000 34%);animation:5.4s ease-in-out infinite warm-glow;position:absolute;inset:-28px}.home-screen .welcome-card .avatar,.home-screen .welcome-card .welcome-copy,.home-screen .welcome-card .handwriting,.home-screen .welcome-card .metric-row{opacity:0;animation:content-rise .72s var(--ease-spring) both}.home-screen .welcome-card .avatar{animation-delay:calc(var(--motion-delay,0s) + 70ms)}.home-screen .welcome-card .welcome-copy{animation-delay:calc(var(--motion-delay,0s) + .13s)}.home-screen .welcome-card .handwriting{animation-delay:calc(var(--motion-delay,0s) + .22s)}.home-screen .welcome-card .metric-row{animation-delay:calc(var(--motion-delay,0s) + .32s)}.welcome-header{align-items:center;gap:14px;display:flex}.avatar{color:#fff;background:linear-gradient(#8f7b63 0%,#5d4a3b 100%);border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;font-size:22px;font-weight:700;display:inline-flex}.eyebrow{color:var(--text-muted);font-size:11px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.05em;text-wrap:balance;font-size:26px;line-height:1.04}h2{letter-spacing:-.05em;text-wrap:balance;font-size:21px;line-height:1.1}h3{letter-spacing:-.04em;text-wrap:balance;font-size:18px;line-height:1.22}p,small,em{color:var(--text-muted);text-wrap:pretty}.welcome-copy,.card-copy,.recent-copy,.detail-copy,.page-header-copy{gap:6px;min-width:0;display:grid}.welcome-copy h1{font-size:30px;line-height:.96}.handwriting{color:#8c6b58;margin-top:12px;font-family:Snell Roundhand,Kaiti SC,STKaiti,cursive;font-size:17px;line-height:1.32}.metric-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.metric-row span,.eyebrow-pill{min-height:30px;color:var(--sage-strong);background:#dce8ccb8;border-radius:999px;justify-self:start;align-items:center;width:fit-content;padding:0 12px;font-size:12px;display:inline-flex}.new-badge-card,.recent-card,.reading-card,.mountain-focus-card{cursor:pointer;gap:16px;margin-top:0;padding:21px 20px;display:grid}.new-badge-card,.recent-card,.mountain-focus-card{grid-template-columns:1fr 84px;align-items:center}.new-badge-card,.recent-card{position:relative;overflow:hidden}.new-badge-card:after,.recent-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#ffffff94,#fff0);position:absolute;inset:-20% 42%;transform:rotate(18deg)translateY(0)}.new-badge-card:after{animation:3.15s ease-in-out infinite badge-beacon}.new-badge-card .mini-badge,.recent-card .big-badge{animation:4.8s ease-in-out infinite badge-float}.recent-card .big-badge{animation-delay:.3s}.new-badge-card p,.recent-card p,.mountain-focus-card p{font-size:15px;line-height:1.48}.new-badge-card h2,.recent-card h2,.mountain-focus-card h2,.reading-copy h2{font-size:20px;line-height:1.12}.mini-badge,.big-badge,.mountain-glyph{background:radial-gradient(circle at 30% 25%,#ffffffe0,#0000 22%),linear-gradient(#fff6d6 0%,#edd9a2 100%);border:1px solid #967c402e;border-radius:24px;box-shadow:inset 0 1px #ffffffe0,0 10px 24px #91784629}.story-badge{background:radial-gradient(circle at 35% 20%,#ffffffe0,#0000 24%),linear-gradient(#fbe9e8 0%,#f4d8d6 100%)}.mountain-badge,.mountain-glyph{background:radial-gradient(circle at 30% 25%,#ffffffe0,#0000 22%),linear-gradient(#dce9c8 0%,#b8ce95 100%)}.mini-badge{width:54px;height:54px}.big-badge{width:78px;height:78px}.mountain-glyph,.mountain-focus-badge,.mountain-grid-badge{width:80px;height:80px}.section-header{justify-content:space-between;align-items:center;margin:4px 2px 0;display:flex}.section-header strong{text-wrap:balance;font-size:18px;line-height:1.12}.link-btn{color:#6d7e58;background:0 0;border:0;font-size:12px;font-weight:600}.grid-two{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.grid-three{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mini-card,.skill-card{text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:138px;padding:16px 12px 14px;display:flex}.mini-card strong,.skill-card strong{font-size:15px;line-height:1.22}.mini-card small,.skill-card small,.row-card small{font-size:12px;line-height:1.3}.skill-card{background:radial-gradient(circle at top,#ffffffb3,#0000 30%),linear-gradient(#fffaf4 0%,#f5efe6 100%)}.skill-card[data-accent=sage] .skill-glyph{background:linear-gradient(#dce9c8 0%,#b8ce95 100%)}.skill-card[data-accent=amber] .skill-glyph{background:linear-gradient(#f5d8a8 0%,#dea75d 100%)}.skill-card[data-accent=lavender] .skill-glyph{background:linear-gradient(#dcccf5 0%,#ab8dd9 100%)}.skill-card[data-accent=peach] .skill-glyph{background:linear-gradient(#f7dbc9 0%,#e89b75 100%)}.skill-card[data-accent=ocean] .skill-glyph{background:linear-gradient(#cae6f2 0%,#79abc6 100%)}.skill-card[data-accent=mint] .skill-glyph{background:linear-gradient(#d7efdc 0%,#84c693 100%)}.skill-glyph{border-radius:18px;width:56px;height:56px;box-shadow:inset 0 1px #ffffffb3}.page-header{opacity:0;animation:header-rise .62s var(--ease-screen) both;padding:2px 2px 12px}.page-header.with-back{grid-template-columns:40px 1fr;align-items:start;gap:12px;display:grid}.page-header h1{font-size:28px;line-height:1}.page-header p{max-width:16ch;margin-top:6px;font-size:13px;line-height:1.45}.back-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--text-main);box-shadow:var(--shadow-md);background:#ffffffd1;border-radius:15px;justify-content:center;align-items:center;display:inline-flex}.back-btn svg{width:20px;height:20px}.timeline-shell{box-shadow:none;touch-action:pan-y;background:0 0;border:0;padding:6px 0 10px;position:relative;overflow:hidden}.timeline-track{grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:8px;display:grid}.timeline-track.motion-next{animation:timeline-next .52s var(--ease-screen) both}.timeline-track.motion-prev{animation:timeline-prev .52s var(--ease-screen) both}.timeline-rail{border-top:1px dashed #9f8b7642;height:1px;position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%)}.side-card{text-align:left;z-index:1;border-radius:20px;gap:6px;width:100%;padding:8px;display:grid;position:relative}.timeline-side.previous{transform:rotate(-6deg)translate(-8px)}.timeline-side.next{transform:rotate(6deg)translate(8px)}.side-card strong{font-size:12px;line-height:1.18}.side-card small{font-size:10px;line-height:1.3}.memory-cover{background:linear-gradient(#7dcabf 0%,#3f988f 100%);border-radius:15px;height:92px}.cover-school{background:linear-gradient(#6cc8be 0%,#3e9a91 100%)}.cover-friend{background:linear-gradient(#2a2f39 0%,#0f1218 100%)}.focus-shell{text-align:center;box-shadow:var(--shadow-lg);z-index:1;transform-origin:bottom;background:#fffffff0;border:1px solid #bfa58c38;border-radius:999px;padding:30px 18px 16px;position:relative}.timeline-track.motion-next .focus-shell,.timeline-track.motion-prev .focus-shell{animation:focus-lift .62s var(--ease-spring) both}.focus-shell:before{content:"";z-index:-1;border:1px solid #dccebe61;border-radius:999px;position:absolute;inset:-14px;box-shadow:0 0 0 12px #fffbf485}.focus-icon{color:#915a52;background:radial-gradient(circle at 30% 25%,#ffffffd9,#0000 24%),linear-gradient(#fdeceb 0%,#f5dddd 100%);border-radius:999px;place-items:center;width:92px;height:92px;margin:0 auto 12px;display:grid}.focus-icon svg{width:38px;height:38px}.focus-shell h2{font-size:28px;line-height:1.02}.focus-summary{max-width:10ch;margin:0 auto;font-size:13px;line-height:1.4}.primary-btn,.secondary-btn{border:0;border-radius:16px;min-height:46px;padding:0 18px}.primary-btn{color:#fff8f6;background:linear-gradient(#9d6258 0%,#835146 100%)}.secondary-btn{border:1px solid var(--line);color:var(--text-main);background:#ffffffdb}.quote-line{display:none}.list-stack,.travel-stack,.poster-wall,.shelf-room{gap:12px;display:grid}.row-card,.travel-card{border-radius:24px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.mountain-chip,.travel-stamp,.mountain-focus-badge,.mountain-grid-badge{background:linear-gradient(#dce9c8 0%,#b8ce95 100%);border-radius:14px;width:42px;height:42px}.mountain-focus-card{grid-template-columns:118px 1fr;align-items:center;gap:18px}.mountain-focus-badge{background:radial-gradient(circle at 30% 25%,#ffffffe6,#0000 24%),linear-gradient(#dce9c8 0%,#a7c177 100%);border:1px solid #7e915e38;border-radius:34px;width:118px;height:118px;box-shadow:inset 0 1px #ffffffe0,0 12px 26px #6a804e29}.mountain-focus-copy{gap:10px;display:grid}.mountain-focus-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.mountain-focus-top small{color:var(--text-muted);font-size:12px}.mountain-focus-copy h2{font-size:28px;line-height:1.02}.mountain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mountain-grid-card{border:1px solid var(--line);background:var(--bg-card);box-shadow:var(--shadow-md);text-align:center;border-radius:24px;justify-items:center;gap:12px;padding:16px 14px 14px;display:grid}.mountain-grid-badge{border-radius:20px;width:58px;height:58px}.mountain-grid-copy{gap:5px;display:grid}.mountain-grid-copy small{color:var(--sage-strong);font-size:11px}.mountain-grid-copy strong{font-size:18px;line-height:1.12}.mountain-grid-copy em{color:var(--text-muted);font-size:12px;font-style:normal}.mountain-grid-copy span{color:var(--text-muted);font-size:11px;line-height:1.35}.row-copy,.travel-card div:last-child{gap:4px;display:grid}.row-tail{color:var(--text-muted);font-size:12px}.segment-wrap{justify-content:center;margin-bottom:2px;display:flex}.segment-control{border:1px solid var(--line);background:#ffffffe6;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:inline-grid;overflow:hidden;box-shadow:0 10px 24px #7e684f14}.segment-btn{color:#8f7c6d;background:0 0;border:0;border-radius:999px;min-height:44px;padding:0 20px;font-size:15px;font-weight:600}.segment-btn.active{color:#f6f8ef;animation:segment-pop .36s var(--ease-spring);background:#66794d}.world-panel{gap:16px;display:grid}.world-panel[data-world=bookshelf]{animation:bookshelf-panel-enter .62s var(--ease-screen) both}.world-panel[data-world=cinema]{animation:cinema-panel-enter .56s var(--ease-screen) both}.world-panel[data-world=travel]{animation:travel-panel-enter .6s var(--ease-screen) both}.reading-card{grid-template-columns:110px 1fr;align-items:center}.book-cover,.poster-card{color:#fffdf8;border:0;border-radius:22px;align-content:space-between;min-height:164px;padding:14px;display:grid;box-shadow:0 14px 28px #5f4d362e}.book-cover{aspect-ratio:.66;min-height:auto}.poster-card{aspect-ratio:.62;min-height:auto}.realistic-cover,.realistic-poster{position:relative;overflow:hidden}.realistic-cover:before,.realistic-poster:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff2e,#0000 34%),radial-gradient(circle at 0 0,#ffffff38,#0000 36%);position:absolute;inset:0}.realistic-cover:after,.realistic-poster:after{content:"";pointer-events:none;border:1px solid #ffffff24;border-radius:16px;position:absolute;inset:10px}.realistic-cover small,.realistic-cover strong,.realistic-cover em,.realistic-poster small,.realistic-poster strong,.realistic-poster em{z-index:1;position:relative}.realistic-cover strong{max-width:6ch;font-size:19px;line-height:1.04}.realistic-cover em{color:#fffdf8d6;font-size:11px;line-height:1.35}.realistic-poster{aspect-ratio:.68;align-content:end;min-height:auto}.realistic-poster small{letter-spacing:.08em;font-size:10px}.realistic-poster strong{max-width:6ch;font-size:18px;line-height:1.06}.realistic-poster em{color:#fffdf8db;font-size:12px;line-height:1.35}.reading-copy{gap:12px;display:grid}.featured-cover{aspect-ratio:.72;min-height:172px}.reading-copy p{font-size:15px;line-height:1.5}.progress-bar{background:#6d7e582e;border-radius:999px;width:100%;height:7px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#6d8158 0%,#98b173 100%);height:100%;display:block}.shelf-room,.poster-wall{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}.travel-stack{margin-top:6px}.travel-map-shell{border:1px solid var(--line);background:var(--bg-card);box-shadow:var(--shadow-md);border-radius:30px;gap:16px;padding:18px;display:grid}.travel-map-header{gap:12px;display:grid}.travel-map-copy{gap:10px;display:grid}.travel-map-copy h2{font-size:22px;line-height:1.06}.travel-map-copy p{font-size:14px;line-height:1.52}.travel-metrics{flex-wrap:wrap;gap:10px;display:flex}.travel-metrics span{border:1px solid var(--line);min-height:38px;color:var(--text-main);background:#ffffffc7;border-radius:999px;align-items:center;padding:0 14px;font-size:13px;display:inline-flex}.travel-map-card{background:radial-gradient(circle at 0 0,#ecf8d6e6,#0000 30%),linear-gradient(#d7ebbb 0%,#bfd6a0 100%);border:1px solid #7b644e14;border-radius:28px;min-height:222px;position:relative;overflow:hidden}.map-btn{justify-self:start;min-height:42px}.travel-map-card:before{content:"";border:2px solid #ffffff8f;border-radius:26px;position:absolute;inset:22px}.travel-route-line{opacity:0;transform-origin:0;animation:route-reveal .62s .28s var(--ease-screen) both;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 220'%3E%3Cpath d='M52 160 C84 128 92 102 138 86 C172 72 186 138 230 130 C257 125 270 86 292 66' fill='none' stroke='%239aaa7f' stroke-width='6' stroke-linecap='round' stroke-dasharray='16 16' opacity='0.85'/%3E%3C/svg%3E") 50%/cover no-repeat;position:absolute;inset:0;transform:scaleX(.82)}.travel-node{opacity:0;animation:travel-node-enter .56s var(--ease-spring) both;animation-delay:var(--motion-delay,0s);place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.travel-node:before{content:"";background:#d9ddc8;border:4px solid #f4f7ecf0;border-radius:999px;width:18px;height:18px;box-shadow:0 6px 18px #5c5e4629}.travel-node.active:before{background:#f7d38a;box-shadow:0 8px 22px #c4923a42}.travel-node span{color:#585d44cc;margin-top:8px;font-size:12px;font-weight:600}.cover-forest{background:linear-gradient(#5c7560 0%,#324739 100%)}.cover-sun{background:linear-gradient(#e7b169 0%,#c57f3d 100%)}.cover-cream{background:linear-gradient(#dccaa1 0%,#b79d71 100%)}.cover-mint{background:linear-gradient(#7ab59e 0%,#4f7968 100%)}.cover-night{background:linear-gradient(#2f3547 0%,#191d2a 100%)}.cover-ink{background:linear-gradient(#3c4a60 0%,#1f2736 100%)}.poster-gold{background:linear-gradient(#a97d42 0%,#5f4223 100%)}.poster-blue{background:linear-gradient(#6889b8 0%,#335172 100%)}.poster-red{background:linear-gradient(#c85a54 0%,#7e322f 100%)}.poster-green{background:linear-gradient(#7aa36d 0%,#496846 100%)}.poster-purple{background:linear-gradient(#8a72b2 0%,#584776 100%)}.detail-card{opacity:0;animation:panel-lift .7s var(--ease-screen) both;padding:20px 18px;animation-delay:90ms}.skill-detail-badge{background:radial-gradient(circle at 30% 22%,#ffffffe0,#0000 24%),linear-gradient(#fffaf4 0%,#f2eadf 100%)}.skill-detail-badge.accent-sage{background:radial-gradient(circle at 30% 22%,#ffffffe0,#0000 24%),linear-gradient(#dce9c8 0%,#b8ce95 100%)}.skill-detail-badge.accent-amber{background:radial-gradient(circle at 30% 22%,#ffffffe0,#0000 24%),linear-gradient(#f5d8a8 0%,#dea75d 100%)}.skill-detail-badge.accent-lavender{background:radial-gradient(circle at 30% 22%,#ffffffe0,#0000 24%),linear-gradient(#dcccf5 0%,#ab8dd9 100%)}.skill-detail-badge.accent-peach{background:radial-gradient(circle at 30% 22%,#ffffffe0,#0000 24%),linear-gradient(#f7dbc9 0%,#e89b75 100%)}.skill-detail-badge.accent-ocean{background:radial-gradient(circle at 30% 22%,#ffffffe0,#0000 24%),linear-gradient(#cae6f2 0%,#79abc6 100%)}.skill-detail-badge.accent-mint{background:radial-gradient(circle at 30% 22%,#ffffffe0,#0000 24%),linear-gradient(#d7efdc 0%,#84c693 100%)}.detail-hero{grid-template-columns:88px 1fr;align-items:center;gap:14px;display:grid}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.meta-box{text-align:left;border-radius:20px;gap:6px;min-height:78px;padding:12px;display:grid}.meta-box strong{font-size:15px;line-height:1.28}.meta-box small{font-size:11px;line-height:1.2}.button-meta{grid-column:1/-1;width:100%}.story-block{border-top:1px solid #7b644e14;margin-top:18px;padding-top:18px}.story-block h3{margin-bottom:10px}.story-block p{font-size:15px;line-height:1.58}.light-shell{text-align:center;isolation:isolate;padding:24px 18px;position:relative;overflow:hidden}.light-shell:before{content:"";z-index:-1;opacity:.9;background:radial-gradient(circle at 50% 22%,#fff8e1d1,#0000 26%),radial-gradient(circle at 30% 84%,#f8e2d77a,#0000 28%),linear-gradient(#ffffff6b,#0000 68%);position:absolute;inset:0}.light-ambient{pointer-events:none;position:absolute;inset:0}.light-spark{opacity:0;background:radial-gradient(circle,#fff7dff5 0%,#ffeaaeb8 42%,#0000 74%);border-radius:999px;width:18px;height:18px;position:absolute}.spark-a{top:26%;left:18%}.spark-b{top:18%;right:16%}.spark-c{bottom:28%;left:62%}.light-shell[data-phase=arrival]{animation:light-shell-arrival .76s var(--ease-screen) both}.light-shell[data-phase=focus] .light-ring,.light-shell[data-phase=settle] .light-ring{animation:5.2s ease-in-out infinite ring-breathe}.light-shell[data-phase=confirm] .light-ring{animation:light-burst .78s var(--ease-spring) both}.light-shell[data-phase=confirm] .light-spark{animation:.62s ease-out both spark-rise}.light-shell[data-phase=confirm] .spark-a{animation-delay:40ms}.light-shell[data-phase=confirm] .spark-b{animation-delay:.12s}.light-shell[data-phase=confirm] .spark-c{animation-delay:.18s}.light-shell h2,.light-shell p,.light-shell .action-row{opacity:0;animation:light-copy-enter .62s var(--ease-screen) both}.light-shell h2{animation-delay:.18s}.light-shell p{animation-delay:.26s}.light-shell .action-row{animation-delay:.34s}.light-ring{background:radial-gradient(circle,#fffffffa 0 45%,#f5e5cdb8 58%,#f4d3b624 72%,#0000 100%);border-radius:999px;place-items:center;width:188px;height:188px;margin:0 auto 18px;display:grid;box-shadow:0 24px 40px #a87a531f}.action-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.photo-viewer{padding:18px;position:relative;overflow:hidden}.photo-main{box-shadow:var(--shadow-md);background:#ffffffdb;border-radius:24px;overflow:hidden}.photo-scene{aspect-ratio:4/5;background:radial-gradient(circle at 50% 18%,#fff2cca3,#0000 20%),linear-gradient(#2d3344 0%,#11151e 100%)}.photo-strip{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.photo-thumb{border:1px solid var(--line);background:linear-gradient(#ffffff38,#ffffff1a),linear-gradient(#739ea8 0%,#3a6672 100%);border-radius:18px;min-height:74px}.photo-thumb.active{outline:2px solid #8f7d5f}.full{width:100%;margin-top:14px}.bottom-nav{min-height:var(--nav-h);padding:0 8px var(--safe-bottom);z-index:10;background:#fffaf4;border-top:1px solid #7b644e14;border-radius:0;flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:4px;margin:0;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 28px #7e684f14}.tab-item{min-height:62px;color:var(--text-muted);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:6px 0 8px;font-size:10px;font-weight:500;display:flex}.tab-visual{border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:48px;padding:6px 2px;transition:background-color .18s ease-out,color .18s ease-out,box-shadow .18s ease-out;display:flex}.tab-label{font-size:10px;line-height:1.1;display:inline-block}.tab-label.multiline{text-align:center;font-size:9px}.tab-item.active{color:#5d6f4b;animation:tab-bloom .32s var(--ease-spring)}.tab-item.active .tab-visual{background:#6d7e5824;box-shadow:inset 0 0 0 1px #6d7e5814}.tab-icon{justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.tab-item.active .tab-icon{animation:tab-icon-bounce .42s var(--ease-spring)}@media (width>=768px){h1{font-size:30px}h2{font-size:28px}h3{font-size:20px}.handwriting{font-size:24px;line-height:1.2}.phone-frame{width:min(100%,900px);height:calc(100dvh - 56px)}.screen-block{padding:18px 22px 0}.grid-two{grid-template-columns:repeat(4,1fr)}.grid-three{grid-template-columns:repeat(3,1fr)}.timeline-shell{background:var(--bg-soft);border:1px solid var(--line);box-shadow:var(--shadow-md);padding:18px 14px}.timeline-track{grid-template-columns:1fr 1.4fr 1fr;align-items:center}.reading-card,.new-badge-card,.recent-card,.mountain-focus-card{grid-template-columns:140px 1fr}.shelf-room,.poster-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.app-shell{background:linear-gradient(#edf3e5 0 154px,#fbf8f2 330px,#f2ebe0 100%);min-height:100%;padding:0;position:fixed;inset:0;overflow:hidden}.phone-frame{width:100%;height:100%;min-height:100%;box-shadow:none;background:0 0;border:0;border-radius:0}}@media (width<=480px){.page-header{padding:2px 0 12px}.page-header p{margin-top:8px;font-size:14px}.section-header strong{font-size:20px}.link-btn{font-size:12px}.reading-card{grid-template-columns:102px 1fr}.book-cover,.poster-card{border-radius:20px;min-height:auto}.book-cover{aspect-ratio:.66}.poster-card{aspect-ratio:.62}.featured-cover{min-height:162px}.welcome-card{padding:22px 18px 18px}.new-badge-card,.recent-card{grid-template-columns:1fr 82px;padding:20px 18px}.mountain-focus-card{grid-template-columns:104px 1fr;padding:18px 18px 16px}.mountain-focus-badge{border-radius:30px;width:104px;height:104px}.mountain-focus-copy h2{font-size:24px}.mountain-grid-copy strong{font-size:16px}.travel-map-shell{padding:16px}.travel-map-card{min-height:196px}.mini-card,.skill-card{min-height:138px;padding:16px 10px 14px}}@keyframes koala-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes screen-enter-forward{0%{opacity:0;filter:saturate(.92);transform:translateY(28px)scale(.985)}to{opacity:1;filter:saturate();transform:translateY(0)scale(1)}}@keyframes screen-enter-back{0%{opacity:0;transform:translate(-18px)translateY(10px)scale(.99)}to{opacity:1;transform:translate(0)translateY(0)scale(1)}}@keyframes screen-enter-left{0%{opacity:0;transform:translate(-22px)scale(.99)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes screen-enter-right{0%{opacity:0;transform:translate(22px)scale(.99)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes content-rise{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes card-rise{0%{opacity:0;transform:translateY(22px)scale(.94);box-shadow:0 8px 16px #7e684f0d}to{opacity:1;box-shadow:var(--shadow-md);transform:translateY(0)scale(1)}}@keyframes header-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes warm-glow{0%,to{opacity:.72;transform:translate(0,0)scale(1)}50%{opacity:.95;transform:translateY(-12px)scale(1.04)}}@keyframes badge-beacon{0%,to{opacity:0;transform:rotate(18deg)translateY(12px)}24%{opacity:0}52%{opacity:.46;transform:rotate(18deg)translateY(-8px)}76%{opacity:0;transform:rotate(18deg)translateY(-18px)}}@keyframes badge-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-7px)scale(1.02)}}@keyframes timeline-next{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes timeline-prev{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes focus-lift{0%{transform:translateY(18px)scale(.95);box-shadow:0 10px 24px #7e684f14}60%{transform:translateY(-10px)scale(1.03);box-shadow:0 28px 42px #7e684f29}to{box-shadow:var(--shadow-lg);transform:translateY(0)scale(1)}}@keyframes segment-pop{0%{transform:scale(.94)}70%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes bookshelf-panel-enter{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cinema-panel-enter{0%{opacity:0;filter:saturate(.9);transform:translateY(14px)scale(.95)}to{opacity:1;filter:saturate();transform:translateY(0)scale(1)}}@keyframes travel-panel-enter{0%{opacity:0;transform:translate(18px)translateY(18px)}to{opacity:1;transform:translate(0)translateY(0)}}@keyframes route-reveal{0%{opacity:0;transform:scaleX(.82)}to{opacity:1;transform:scaleX(1)}}@keyframes travel-node-enter{0%{opacity:0;transform:translate(-50%,-20%)scale(.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes panel-lift{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes light-shell-arrival{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ring-breathe{0%,to{transform:scale(1);box-shadow:0 24px 40px #a87a531f}50%{transform:scale(1.04);box-shadow:0 28px 46px #a87a532e}}@keyframes light-burst{0%{filter:brightness();transform:scale(.94)}40%{filter:brightness(1.12);transform:scale(1.08)}to{filter:brightness(1.02);transform:scale(1)}}@keyframes spark-rise{0%{opacity:0;transform:translateY(12px)scale(.4)}30%{opacity:.9}to{opacity:0;transform:translateY(-34px)scale(1.3)}}@keyframes light-copy-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes tab-bloom{0%{transform:scale(.94)}70%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes tab-icon-bounce{0%{transform:translateY(4px)scale(.92)}60%{transform:translateY(-2px)scale(1.08)}to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.motion-item,.motion-card,.page-header,.motion-screen,.travel-node,.travel-route-line{opacity:1!important;filter:none!important;transform:none!important}}[data-native] body{background-color:#fffaf4}[data-native] .app-shell{align-items:stretch;padding:0}[data-native] .phone-frame{width:100%;height:100dvh;box-shadow:none;background:linear-gradient(#fbf8f2 0%,#f2ebe0 100%);border:none;border-radius:0}