:root{color:#18211f;background:#d8eef2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #18211f;--muted: #64706a;--ivory: #fff9ef;--paper: #ffffff;--jade: #0f6f61;--jade-dark: #0b493f;--red: #d94734;--gold: #e7a92d;--sky: #d8eef2;--line: rgba(24, 33, 31, .13);--shadow: 0 18px 40px rgba(15, 73, 63, .13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;touch-action:pan-y}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,dl,dd,ol,ul{margin-top:0}.h5-shell{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,rgba(231,169,45,.22),transparent 32%),linear-gradient(135deg,#d8eef2,#fff9ef 52%,#f4e5dc)}.phone-frame{width:min(100%,430px);height:min(900px,calc(100svh - 48px));position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(24,33,31,.16);border-radius:28px;background:var(--ivory);box-shadow:0 34px 90px #10343033}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 20px 14px;background:#fff9efeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-header h1{margin-bottom:0;color:var(--ink);font-size:1.58rem;line-height:1;letter-spacing:0}.eyebrow{margin:0 0 8px;color:var(--red);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.status-pill{flex:0 0 auto;border-radius:999px;padding:9px 12px;background:var(--jade-dark);color:var(--ivory);font-size:.86rem;font-weight:900}.app-main{flex:1;min-height:0;overflow-y:auto;padding:10px 16px 108px;scrollbar-width:none}.app-main::-webkit-scrollbar{display:none}.view-stack{display:grid;gap:16px;animation:view-in .18s ease-out}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.debt-card,.section-block,.topic-detail,.summary-panel,.profile-hero{border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow)}.debt-card{overflow:hidden}.debt-card__hero{position:relative;height:224px;overflow:hidden;background:#102823}.debt-card__hero--large{height:380px;cursor:pointer}.debt-card__hero img,.debt-card__video{width:100%;height:100%;display:block;object-fit:cover;object-position:48% 38%}.debt-card__video:fullscreen,.debt-card__video:-webkit-full-screen{object-fit:contain;object-position:center}.debt-card__hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(8,20,18,.78))}.debt-card__hero-controls{position:absolute;z-index:2;top:12px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between}.debt-card__live-badge{display:flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;background:#d94734eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:.68rem;font-weight:950;letter-spacing:.06em;animation:badge-pulse 1.8s ease-in-out infinite}.fullscreen-hint{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:6px 14px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.78rem;font-weight:850;pointer-events:none}.live-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:dot-blink .8s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 #d94734b3}50%{box-shadow:0 0 0 8px #d9473400}}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.25}}.debt-card__overlay{position:absolute;z-index:1;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:8px;color:var(--ivory);font-weight:950}.debt-card__body{padding:16px}.debt-card__amount{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.debt-card__amount span{color:var(--muted);font-weight:800}.debt-card__amount strong{color:var(--jade-dark);font-size:2rem;line-height:1}.meter__track{height:14px;overflow:hidden;border-radius:999px;background:#e7ece8}.meter__track span{display:block;height:100%;min-width:8px;border-radius:inherit;background:linear-gradient(90deg,var(--red),var(--gold),var(--jade));transition:width .18s ease}.meter__labels{display:flex;justify-content:space-between;gap:12px;margin:10px 0 16px;color:var(--muted);font-size:.9rem}.meter__labels strong{color:var(--ink)}.slider{display:grid;gap:12px;color:var(--ink);font-weight:850}.slider input{width:100%;accent-color:var(--jade);touch-action:pan-y}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.stat-card{min-height:84px;border:1px solid var(--line);border-radius:16px;padding:12px;background:#ffffffc7}.stat-card dt{margin-bottom:10px;color:var(--muted);font-size:.74rem;font-weight:800}.stat-card dd{margin:0;color:var(--ink);font-size:1rem;font-weight:950;line-height:1.15}.section-block,.topic-detail,.summary-panel{padding:16px}.section-block--flush{box-shadow:none}.section-block h2,.topic-detail h3,.summary-panel strong,.profile-hero h2{margin-bottom:10px;color:var(--ink);font-size:1.35rem;line-height:1.1;letter-spacing:0}.muted-copy,.topic-detail p,.summary-panel p,.profile-hero p{margin-bottom:0;color:var(--muted);font-size:.94rem;line-height:1.65}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.section-title-row h2{margin-bottom:0}.icon-button{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--jade-dark);cursor:pointer}.action-row{width:100%;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;border:1px solid rgba(15,111,97,.18);border-radius:16px;padding:14px;background:#ecf8f3;color:var(--jade-dark);cursor:pointer;text-align:left}.action-row strong,.action-row small{display:block}.action-row small{margin-top:6px;color:#497067;line-height:1.35}.template-list{display:grid;gap:10px;margin-top:14px}.photo-section{min-width:0}.photo-section h2{margin-bottom:0;color:var(--ink);font-size:1.35rem;line-height:1.1}.photo-rail{display:flex;gap:12px;overflow-x:auto;margin:12px -16px 0;padding:0 16px 4px;scroll-snap-type:x mandatory;scrollbar-width:none}.photo-rail::-webkit-scrollbar{display:none}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.photo-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#102823;box-shadow:var(--shadow)}.photo-rail .photo-card{flex:0 0 78%;min-height:300px;scroll-snap-align:start}.photo-grid .photo-card{aspect-ratio:.76;min-height:0}.photo-card img{width:100%;height:100%;display:block;object-fit:cover}.photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(8,20,18,.86))}.photo-card__caption{position:absolute;z-index:1;left:12px;right:12px;bottom:12px;color:var(--ivory)}.photo-card__caption span,.photo-card__caption strong{display:block}.photo-card__caption span{margin-bottom:4px;color:#ffd77b;font-size:.7rem;font-weight:900;text-transform:uppercase}.photo-card__caption strong{margin-bottom:5px;font-size:1.05rem}.photo-card__caption p{margin-bottom:0;color:#fff9efd1;font-size:.82rem;line-height:1.45}.template-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff}.template-card svg{color:var(--red);margin-top:2px}.template-card h3{margin-bottom:4px;font-size:.98rem}.template-card p{margin-bottom:0;color:var(--muted);font-size:.88rem;line-height:1.55}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.segmented-control button{min-height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);cursor:pointer;font-weight:850}.segmented-control button[aria-selected=true]{border-color:var(--jade);background:var(--jade);color:var(--ivory)}.topic-detail{background:linear-gradient(135deg,#fff,#eef8f5)}.plan-list{display:grid;gap:12px}.plan-card{width:100%;min-height:116px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff;color:var(--ink);cursor:pointer;text-align:left;box-shadow:0 12px 24px #0f493f12}.plan-card[aria-checked=true]{border-color:var(--jade);background:#edf8f4}.plan-card__check{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--jade)}.plan-card__content strong,.plan-card__content small,.plan-card__content em{display:block}.plan-card__content strong{margin-bottom:6px;font-size:1.05rem}.plan-card__content small{margin-bottom:8px;color:var(--jade-dark);font-weight:850}.plan-card__content em{color:var(--muted);font-size:.88rem;font-style:normal;line-height:1.5}.summary-panel{background:var(--jade-dark);color:var(--ivory)}.summary-panel span{display:block;margin-bottom:8px;color:#fff9efad;font-size:.78rem;font-weight:900;text-transform:uppercase}.summary-panel strong,.summary-panel p{color:var(--ivory)}.timeline{display:grid;gap:10px;margin:0;padding:0;list-style:none}.timeline__item{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;border:1px solid var(--line);border-radius:16px;padding:13px;background:#fff}.timeline__item>span{align-self:flex-start;border-radius:999px;padding:7px 8px;background:#edf2ef;color:var(--muted);text-align:center;font-size:.76rem;font-weight:900}.timeline__item--done>span{background:#e9f5ee;color:var(--jade-dark)}.timeline__item--active{border-color:#d9473466}.timeline__item--active>span{background:#d947341f;color:var(--red)}.timeline h3{margin-bottom:5px;font-size:1rem}.timeline p{margin-bottom:0;color:var(--muted);font-size:.88rem;line-height:1.55}.profile-hero{padding:22px 18px;background:linear-gradient(135deg,#0f6f61f0,#0b493ff5),var(--jade-dark);color:var(--ivory)}.profile-hero h2,.profile-hero p{color:var(--ivory)}.profile-hero svg{margin-bottom:14px;color:#ffd77b}.rule-list{display:grid;gap:10px;margin:12px 0 0;padding-left:18px;color:var(--muted);line-height:1.55}.tabbar{position:absolute;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;border:1px solid rgba(24,33,31,.12);border-radius:24px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#ffffffeb;box-shadow:0 18px 42px #0f493f38;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tabbar__item{min-width:0;min-height:56px;display:grid;place-items:center;gap:4px;border:0;border-radius:18px;background:transparent;color:#79827e;cursor:pointer;font-size:.72rem;font-weight:850}.tabbar__item svg{color:currentColor}.tabbar__item[aria-current=page]{background:var(--jade-dark);color:var(--ivory)}@media(max-width:520px){.h5-shell{display:block;padding:0;background:var(--ivory);min-height:100svh;min-height:100dvh}.phone-frame{width:100%;height:auto;min-height:100svh;min-height:100dvh;border:0;border-radius:0;overflow:visible;box-shadow:none}.app-main{overflow:visible;padding:10px 14px calc(112px + env(safe-area-inset-bottom))}.tabbar{position:fixed;z-index:50;left:0;right:0;bottom:0;border-right:0;border-bottom:0;border-left:0;border-radius:22px 22px 0 0;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}}@media(max-width:360px){.stat-grid,.photo-grid{grid-template-columns:1fr}.tabbar{padding-inline:6px}.tabbar__item{font-size:.68rem}}