:root{--bg:#f8fafc;--text:#0f172a;--muted:#64748b;--line:#e5e7eb;--emerald:#059669;--emerald2:#10b981;--soft:#ecfdf5;--soft2:#d1fae5;--amber:#f59e0b;--red:#ef4444;--redsoft:#fff1f2;--card:#ffffffbd}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{width:100%;overflow-x:hidden}body{color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 8% 6%,#bbf7d0 0,#d1fae5 24%,#0000 46%),radial-gradient(circle at 94% 18%,#10b98129 0,#0000 34%),linear-gradient(145deg,#f8fafc 0,#f1f5f9 52%,#fff 100%);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:transform .18s,box-shadow .18s,opacity .18s}button:active{transform:scale(.98)}.shell{width:100%;max-width:460px;min-height:100vh;padding:16px 14px calc(104px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.shell:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#fff3,#0000 24%,#ffffff52);position:fixed;inset:0}.top{justify-content:space-between;align-items:center;gap:12px;margin:16px 0 14px;display:flex}.brand{letter-spacing:-.04em;white-space:nowrap;font-size:24px;font-weight:720;line-height:1.05}.brand span{color:var(--emerald);font-weight:680}.sync-label{color:var(--text);white-space:nowrap;opacity:.82;align-items:center;gap:5px;font-size:14px;font-weight:470;display:flex}.sync-label i{background:var(--emerald);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 12px #0596698c}.year-switcher{grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;margin:2px 0 14px;display:grid}.round-nav{-webkit-backdrop-filter:blur(24px)saturate(170%);backdrop-filter:blur(24px)saturate(170%);height:48px;color:var(--emerald);background:#ffffff94;border:1px solid #ffffffc7;border-radius:999px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffffe6,0 12px 30px #0f172a14}.round-nav:disabled{opacity:.36;color:var(--muted)}.year-center{-webkit-backdrop-filter:blur(26px)saturate(180%);backdrop-filter:blur(26px)saturate(180%);background:#ffffffa3;border:1px solid #fffc;border-radius:999px;justify-content:center;align-items:center;gap:6px;height:48px;display:flex;box-shadow:inset 0 1px #fffffff2,inset 0 -1px #ffffff6b,0 14px 34px #0f172a17}.year-center select{color:var(--emerald);text-align:center;appearance:none;background:0 0;border:0;padding:0;font-size:21px;font-weight:650}.hero{color:#fff;background:linear-gradient(135deg,#34d399,#0fa376 58%,#047857);border:1px solid #ffffff42;border-radius:24px;padding:20px 18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff5c,inset 0 -1px #ffffff1f,0 20px 44px #0596693d}.render-hero{justify-content:space-between;align-items:flex-start;min-height:178px;display:flex}.hero:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(132deg,#ffffff38,#ffffff0a 38%,#0000 62%);position:absolute;inset:0}.hero:after{content:"";background:#ffffff21;border-radius:50%;width:146px;height:146px;position:absolute;top:-28px;right:-48px}.hero-symbol{z-index:1;opacity:.22;background:#ffffff2e;border-radius:34px;place-items:center;width:110px;height:110px;display:grid;position:absolute;top:50%;right:38px;transform:translateY(-50%);box-shadow:inset 0 1px #ffffff59}.hero-symbol svg{stroke-width:1.7px;width:82px;height:82px}.eyebrow{text-transform:uppercase;letter-spacing:.09em;opacity:.82;font-size:11px;font-weight:500}.big{z-index:2;letter-spacing:-.06em;margin:13px 0 10px;font-size:clamp(42px,13vw,56px);font-weight:680;line-height:1;position:relative}.delta{z-index:2;letter-spacing:-.02em;font-size:18px;font-weight:620;line-height:1.2;position:relative}.delta span{opacity:.72;font-weight:500}.card{background:var(--card);-webkit-backdrop-filter:blur(26px)saturate(170%);backdrop-filter:blur(26px)saturate(170%);border:1px solid #ffffffc2;border-radius:22px;padding:16px;box-shadow:inset 0 1px #ffffffdb,0 14px 34px #0f172a14}.card h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 12px;font-size:11px;font-weight:620;line-height:1.2}.dashboard-two{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.compare-card,.media-card{min-height:128px}.compare-years{grid-template-columns:1fr 1px 1fr;align-items:center;gap:12px;display:grid}.compare-years span,.media-grid span{color:var(--muted);margin-bottom:7px;font-size:12px;display:block}.compare-years b{letter-spacing:-.04em;font-size:19px;font-weight:620;line-height:1.1;display:block}.compare-years i,.media-grid i{background:#64748b38;width:1px;height:46px;display:block}.green{color:var(--emerald)}.gain-pill{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--emerald);background:#d1fae5c7;border-radius:999px;margin-top:13px;padding:7px 11px;font-size:12px;font-weight:650;display:inline-flex;box-shadow:inset 0 1px #ffffffc7}.media-grid{grid-template-columns:1fr 1px 1fr;align-items:start;gap:12px;display:grid}.media-grid b{letter-spacing:-.04em;font-size:19px;font-weight:620;line-height:1.1;display:block}.media-grid small{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.25;display:block}.line-card{margin-top:14px;padding:16px 14px 14px}.chart-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.chart-head h3{margin:0}.segment{background:#ffffff6b;border:1px solid #ffffffd1;border-radius:999px;gap:0;padding:3px;display:flex;box-shadow:inset 0 1px 2px #0f172a0d}.segment span{color:#64748b;border-radius:999px;padding:6px 10px;font-size:12px}.segment span:first-child{color:var(--emerald);background:#ffffffd1;font-weight:620;box-shadow:0 4px 12px #0f172a1a,inset 0 1px #ffffffeb}.line-chart{width:100%;height:170px;overflow:visible}.prev-line{fill:none;stroke:#c7cfd8;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.current-line{fill:none;stroke:var(--emerald);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.current-dot{fill:var(--emerald)}.prev-dot{fill:#c7cfd8}.month-axis{gap:0;margin-top:4px;display:grid}.month-axis span{text-align:center;color:var(--muted);font-size:10px}.legend{color:var(--muted);justify-content:center;gap:22px;margin-top:12px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-radius:50%;width:9px;height:9px;display:inline-block}.year-status{gap:12px;margin-top:14px;display:grid}.status-line{align-items:baseline;gap:8px;display:flex}.status-line b{letter-spacing:-.05em;color:var(--emerald);font-size:31px;font-weight:680;line-height:1}.status-line span{color:var(--text);font-size:16px;font-weight:520}.status-delta{letter-spacing:-.04em;font-size:22px;font-weight:650;line-height:1.08}.status-delta span{color:var(--muted);letter-spacing:-.01em;font-size:14px;font-weight:500}.status-average{border-top:1px solid #64748b2e;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.status-average span{color:var(--muted);font-size:13px}.status-average b{letter-spacing:-.04em;font-size:21px;font-weight:650;line-height:1.1}.trend-card{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.trend-card b{letter-spacing:-.03em;font-size:18px;font-weight:620;line-height:1.2}.months-title{justify-content:space-between;align-items:flex-start;gap:12px;margin:14px 0 8px;display:flex}.months-title .section-title{margin:0 0 4px}.new-month-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #ffffff59;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:660;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff61,0 12px 26px #05966947}.new-month-btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff3d,#0000 48%);position:absolute;inset:0}.entry-form{margin:12px 0 14px}.entry-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.entry-actions .secondary,.entry-actions .save{width:100%}.month-list{gap:14px;margin-top:14px;display:grid}.month-card{text-align:left;border:1px solid #ffffffc7;width:100%;padding:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 16px 38px #0f172a14}.month-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff57,#0000 44%);position:absolute;inset:0}.month-card:after{content:"";opacity:.6;border-radius:50%;width:126px;height:126px;position:absolute;top:-44px;right:-40px}.month-positive{background:linear-gradient(135deg,#ecfdf5db,#ffffffb3)}.month-positive:after{background:#bbf7d0}.month-negative{background:linear-gradient(135deg,#fff1f2d6,#ffffffb3)}.month-negative:after{background:#fecdd3}.month-neutral{background:#ffffffc2}.month-neutral:after{background:#f1f5f9}.month-total{background:linear-gradient(135deg,#d1fae5,#fff)}.month-total:after{background:#86efac}.month-head{z-index:1;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.month-head span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:720}.month-head i{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--emerald);background:#ffffffb8;border-radius:999px;place-items:center;min-width:34px;height:34px;font-style:normal;font-weight:760;display:grid;box-shadow:inset 0 1px #ffffffe6,0 8px 18px #0f172a14}.month-amount{z-index:1;letter-spacing:-.07em;color:var(--text);margin-top:12px;font-size:clamp(38px,10vw,48px);font-weight:730;line-height:.96;position:relative}.month-performance{z-index:1;align-items:baseline;gap:10px;margin-top:12px;display:flex;position:relative}.month-performance b{letter-spacing:-.05em;font-size:24px;font-weight:700;line-height:1.05}.month-performance span{color:var(--muted);font-size:15px;font-weight:620}.month-footer{z-index:1;color:var(--muted);border-top:1px solid #64748b2e;justify-content:space-between;gap:12px;margin-top:16px;padding-top:13px;font-size:14px;display:flex;position:relative}.month-footer b{color:var(--text);font-size:16px}.insight-hero{color:#fff;background:linear-gradient(135deg,#34d399,#059669);border-radius:26px;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:22px 20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff52,0 18px 38px #05966938}.insight-hero:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fff3,#0000 48%);position:absolute;inset:0}.insight-hero span,.insight-hero small{opacity:.82;z-index:1;display:block;position:relative}.insight-hero b{letter-spacing:-.06em;z-index:1;margin:10px 0 8px;font-size:42px;font-weight:720;line-height:1;display:block;position:relative}.insight-hero svg{z-index:1;position:relative}.insight-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.insight-card{min-height:126px}.insight-card .value{font-size:25px}.soft-green{background:linear-gradient(135deg,#ecfdf5d6,#ffffffb8)}.soft-emerald{background:linear-gradient(135deg,#d1fae5d1,#ffffffb8)}.history-list{gap:14px;margin-top:12px;display:grid}.history-card{text-align:left;background:#ffffffc2;border:1px solid #ffffffc7;width:100%;padding:18px;position:relative;overflow:hidden}.history-card.selected-year{background:linear-gradient(135deg,#ecfdf5e0,#ffffffb8);border-color:#bbf7d0db}.history-card:after{content:"";opacity:.36;background:#d1fae5;border-radius:50%;width:150px;height:150px;position:absolute;top:-58px;right:-52px}.history-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.history-top span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:560;display:block}.history-top b{color:var(--text);letter-spacing:-.05em;margin-top:3px;font-size:31px;font-weight:540;line-height:1;display:block}.history-rank{color:var(--emerald);white-space:nowrap;background:#ecfdf5c7;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:560;display:inline-flex;box-shadow:inset 0 1px #ffffffd1}.history-rank svg{stroke-width:1.8px}.history-amount{z-index:1;letter-spacing:-.07em;color:var(--emerald);margin-top:16px;font-size:39px;font-weight:730;line-height:1;position:relative}.history-delta{z-index:1;letter-spacing:-.04em;margin-top:9px;font-size:21px;font-weight:520;position:relative}.history-delta span{color:var(--muted);letter-spacing:-.01em;font-size:14px;font-weight:420}.progress{z-index:1;background:#e2e8f0c7;border-radius:999px;height:10px;margin-top:17px;position:relative;overflow:hidden}.progress i{background:linear-gradient(90deg,#34d399,#059669);border-radius:999px;height:100%;display:block}.history-meta{z-index:1;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:13px;font-weight:410;line-height:1.25;display:flex;position:relative}.history-meta span:last-child{text-align:right}.grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.compact-grid{gap:10px}.metric{min-height:108px}.value{letter-spacing:-.04em;word-break:break-word;font-size:22px;font-weight:640;line-height:1.08}.muted{color:var(--muted);font-size:13px;font-weight:410;line-height:1.35}.section-title{letter-spacing:-.04em;margin:14px 0 12px;font-size:23px;font-weight:640;line-height:1.15}.edit-hint{margin:0 0 10px}.pos{color:var(--emerald);font-weight:620}.neg{color:var(--red);font-weight:620}.softneg{color:var(--amber);font-weight:620}.form{gap:14px;display:grid}.field{gap:7px;display:grid}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:580}.field input,.field select,.field textarea{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #e2e8f0cc;border-radius:16px;width:100%;padding:13px 14px}.save,.secondary{border:0;border-radius:18px;padding:15px;font-weight:660}.save{background:linear-gradient(135deg,var(--emerald),var(--emerald2));color:#fff;box-shadow:inset 0 1px #ffffff47,0 12px 24px #05966933}.secondary{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--emerald);background:#ffffffad;box-shadow:inset 0 1px #ffffffdb}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.list{gap:12px;display:grid}.list-row{text-align:left;border:0;justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.list-row b{font-weight:620}.list-value{text-align:right;white-space:nowrap}.error{color:var(--red);font-size:13px}.ok{color:var(--emerald);font-size:13px}.tabs{left:50%;bottom:max(10px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(36px)saturate(190%);backdrop-filter:blur(36px)saturate(190%);z-index:10;background:#ffffffad;border:1px solid #ffffffd1;border-radius:24px;grid-template-columns:repeat(5,1fr);width:min(420px,100% - 18px);padding:8px 7px;display:grid;position:fixed;transform:translate(-50%);box-shadow:inset 0 1px #fffffff2,inset 0 -1px #ffffff6b,0 22px 56px #0f172a24}.tab{color:#64748b;opacity:.86;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:4px 0;font-size:11px;font-weight:430;line-height:1.1;display:flex}.tab.active{color:var(--emerald);opacity:1;font-weight:620}.tab svg{filter:drop-shadow(0 1px #ffffffbf)}@media (width<=430px){.shell{padding-left:14px;padding-right:14px}.brand{font-size:23px}.sync-label{font-size:13px}.dashboard-two{grid-template-columns:1fr}.compare-card,.media-card{min-height:auto}.media-grid,.compare-years{grid-template-columns:1fr 1px 1fr}.tabs{width:calc(100% - 18px)}}@media (width<=380px){.shell{padding-left:12px;padding-right:12px}.brand{font-size:21px}.sync-label{font-size:12px}.year-switcher{grid-template-columns:44px 1fr 44px;gap:8px}.round-nav,.year-center{height:44px}.hero{border-radius:23px;padding:19px 17px}.hero-symbol{border-radius:28px;width:92px;height:92px;right:28px}.hero-symbol svg{width:68px;height:68px}.big{font-size:40px}.delta{font-size:16px}.card{border-radius:20px;padding:14px}.tabs{border-radius:22px;width:calc(100% - 12px)}.tab{font-size:10px}.month-axis span{font-size:9px}.segment span{padding:5px 8px;font-size:11px}.insight-grid{grid-template-columns:1fr}.month-amount{font-size:36px}.month-performance b{font-size:21px}.history-amount{font-size:33px}.history-rank{padding:6px 8px;font-size:11px}.history-meta{gap:4px;display:grid}.history-meta span:last-child{text-align:left}.months-title{display:grid}.new-month-btn{width:max-content}}