:root{--brand: #c4002f;--bg: #f2f2f2;--card: #ffffff;--text: #111111;--muted: #666666;--border: #e5e5e5;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%}body{background:var(--brand);color:var(--text)}body.app-mode{overflow:hidden}body.admin-mode{overflow-y:auto;overflow-x:hidden}.app-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.device{width:min(1200px,100%);height:min(860px,100%);display:grid;grid-template-rows:auto 1fr;background:var(--bg);border-radius:0;overflow:hidden;border:1px solid var(--border);position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:#ffffffbf}.topbar-heading{display:flex;align-items:flex-start;gap:8px;min-width:0}.topbar-title{margin:0;font-size:16px;font-weight:700;display:flex;flex-wrap:wrap;line-height:1.25}.title-line1,.title-line2{white-space:nowrap}.title-line2{margin-left:4px}.topbar-date{margin:0;font-size:12px;color:var(--muted)}.content{overflow:auto;padding:12px 12px calc(96px + env(safe-area-inset-bottom,0px));-ms-overflow-style:none;scrollbar-width:none}.content::-webkit-scrollbar{width:0;height:0;display:none}.floating-menu{position:absolute;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:72px;height:72px;z-index:35}.floating-avatar-btn{width:72px;height:72px;border-radius:999px;border:2px solid #0a0a0a;box-shadow:none;background:radial-gradient(circle at 25% 20%,#fffffffa,#fff0 40%),radial-gradient(circle at 70% 78%,#00000038,#0000 48%),#f7f7f7;padding:0;overflow:hidden;cursor:pointer;position:relative;transition:transform .14s ease,box-shadow .14s ease}.floating-avatar-btn:hover{transform:translateY(-2px) scale(1.015)}.floating-avatar-btn:active{transform:translateY(2px) scale(.99);box-shadow:none}.floating-avatar-btn img{width:100%;height:100%;object-fit:cover;display:block;border-radius:999px}.floating-avatar-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:radial-gradient(circle at 30% 20%,#ffffff80,#fff0 42%),radial-gradient(circle at 75% 85%,#0003,#0000 42%);pointer-events:none}.floating-avatar-fallback{display:none;place-items:center;width:100%;height:100%;font-size:28px;background:#fff6f8}.floating-ring{position:absolute;right:0;bottom:0;width:72px;height:72px;pointer-events:none}.floating-item{position:absolute;right:6px;bottom:6px;width:52px;height:52px;border-radius:999px;border:2px solid #222;background:#fff;color:#111;font-weight:800;cursor:pointer;opacity:0;transform:translate(0) scale(.75);transition:transform .22s ease,opacity .22s ease;box-shadow:0 8px 20px #0000001f;pointer-events:none}.floating-menu.open .floating-item{opacity:1;pointer-events:auto}.floating-item:nth-child(1){transform:translate(-88px) scale(1)}.floating-item:nth-child(2){transform:translate(-62px,-62px) scale(1)}.floating-menu:not(.open) .floating-item{transform:translate(0) scale(.75)}.floating-item.active{border-color:#c4002f66;color:var(--brand);background:#fff4f7}.tabbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);background:#ffffffbf;padding:10px;gap:8px}.tab{border:1px solid var(--border);border-radius:12px;background:#fff;padding:10px;font-weight:700;cursor:pointer}.tab.active{color:var(--brand);border-color:#c4002f4d}.home-grid{display:grid;gap:12px;grid-template-columns:1fr;grid-template-areas:"daily" "hero" "heroPhotos" "links" "curve" "tags" "records" "proof"}.area-links{grid-area:links}.area-hero{grid-area:hero}.area-hero-photos{grid-area:heroPhotos}.area-curve{grid-area:curve}.area-tags{grid-area:tags}.area-daily{grid-area:daily}.area-records{grid-area:records}.area-proof{grid-area:proof}.area-daily .card{background:transparent;border:0;padding:0;margin:0;display:flow-root}.area-daily{padding:0;align-self:start}.area-daily>.card{height:auto!important}.home-grid>div{min-width:0}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px}.card-header{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.card-header h2{margin:0;font-size:22px}.eyebrow,.muted{margin:0;color:var(--muted)}.balance{margin:8px 0;font-size:clamp(28px,4vw,48px);font-weight:800}.balance-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:nowrap}.balance-changes{display:grid;gap:6px;text-align:right;flex:0 0 auto}.balance-change{display:grid;gap:1px;font-size:12px;line-height:1.2}.balance-change .label{color:var(--muted);font-weight:700}.balance-change .value{font-weight:800}.balance-change.up .value{color:#0d7f36}.balance-change.down .value{color:var(--brand)}.balance-change.flat .value{color:var(--muted)}.social-row-card{padding:10px;display:grid;gap:8px}.social-row{display:grid;grid-template-columns:2fr 1fr;gap:10px;align-items:stretch}.social-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.social-head strong{font-size:13px}.social-head a{color:var(--muted);text-decoration:none}.embed-wrap{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:#f8f8f8}.embed-wrap.video{aspect-ratio:16 / 9}.embed-wrap.post{height:100%}.embed-wrap iframe{width:100%;height:100%;border:0;display:block}.social-instagram iframe{pointer-events:none}.social-links-panel{display:grid;gap:8px;width:100%;align-self:start;align-content:start;padding:10px;border:1px solid var(--border);border-radius:14px;background:#ffffffb8;box-sizing:border-box}.social-instagram-profiles{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;aspect-ratio:auto;height:auto;width:100%;justify-items:stretch}.social-links-title{margin:0 0 2px;color:var(--brand);font-size:12px;font-weight:900;line-height:1.1}.instagram-profile-link{border:1px solid var(--border);border-radius:10px;background:#fff;color:#222;text-decoration:none;font-weight:700;font-size:12px;line-height:1;min-height:42px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:8px 10px;width:100%;box-sizing:border-box}.instagram-profile-meta{min-width:0;display:grid;gap:2px}.instagram-profile-name{display:block;font-weight:800;font-size:12px;line-height:1.15}.social-link-arrow{color:#ff69b4}.instagram-profile-desc{display:block;font-weight:600;font-size:11px;line-height:1.2;color:var(--muted)}.social-logo-link{position:absolute;right:8px;bottom:8px;z-index:3;width:30px;height:30px;border-radius:999px;text-decoration:none;display:grid;place-items:center;border:1px solid rgba(0,0,0,.14);background:#fffffff2}.social-logo-mark{width:22px;height:22px;display:block}.social-row>*{min-width:0}.instagram-fallback{border:1px dashed var(--border);border-radius:10px;min-height:110px;display:grid;place-items:center;color:var(--muted);font-size:13px;text-decoration:none;font-weight:700}.extra-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.extra-link{border:1px solid var(--border);border-radius:10px;background:#fff;padding:9px 10px;text-decoration:none;color:#222;font-size:13px;font-weight:700;text-align:center}.placeholder{min-height:90px;display:grid;place-items:center;border:1px dashed var(--border);border-radius:12px;margin-top:10px;color:var(--muted);font-size:13px}.card-lg .placeholder{min-height:180px}.linkish{border:0;background:transparent;color:var(--brand);font-weight:700;margin-top:10px;padding:0;cursor:pointer}.hero-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.kpi{margin:4px 0 0;font-size:clamp(20px,2vw,28px);font-weight:800;line-height:1.1}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{border:1px solid var(--border);border-radius:999px;background:#fff;padding:5px 10px;font-size:12px;font-weight:700}.segmented{display:flex;gap:6px}.segbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:999px;background:#f1f1f1;padding:6px 10px;font-weight:700;font-size:12px;color:#7b7b7b;cursor:pointer}.segbtn.active{color:var(--brand);border-color:#c4002f4d;background:#fff5f8}.curve{width:100%;height:auto;margin-top:8px;border:1px solid var(--border);border-radius:12px;background:#fff}.axis-labels{display:flex;justify-content:space-between;margin-top:6px;color:var(--muted);font-size:12px}.chart-wrap{margin-top:10px;height:220px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bar{display:flex;height:14px;border-radius:999px;overflow:hidden;border:1px solid var(--border);margin-top:10px}.bar span{display:block;height:100%}.legend{display:grid;gap:8px;margin-top:10px}.legend-item{display:flex;justify-content:space-between;gap:8px;font-size:13px}.legend-item i{display:inline-block;width:9px;height:9px;border-radius:999px;margin-right:7px}.note{margin:10px 0 0;border:1px solid var(--border);border-radius:12px;background:#fff;padding:10px;color:var(--muted);font-weight:600}.daily-hook{margin:0;border:1px solid rgba(196,0,47,.2);border-radius:12px;background:#fff6f8;padding:12px;color:#9c0026;font-size:18px;font-weight:800;line-height:1.35;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.daily-hook-days{color:#c4002f;font-weight:900;background:#c4002f1f;border-radius:8px;padding:0 6px}.daily-hook-line{display:block;white-space:nowrap}.daily-hook-current-day{color:#c4002f;font-weight:900;background:#c4002f1f;border-radius:8px;padding:0 6px}.daily-info-btn{width:26px;height:26px;border-radius:999px;border:1px solid rgba(196,0,47,.35);background:#fff;color:var(--brand);font-weight:800;cursor:pointer}.daily-info-note{margin:0;color:#333;font-size:14px;line-height:1.5}.daily-info-head{font-weight:800}.daily-info-value{color:var(--brand);font-weight:900;margin:0 2px}.daily-info-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0000008c;display:grid;place-items:center;padding:20px}.daily-info-modal-content{position:relative;width:min(92vw,440px);border-radius:14px;border:1px solid var(--border);background:#fff;padding:16px 14px 14px}.daily-info-modal-close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;border-radius:999px;background:#f2f2f2;color:#111;font-size:20px;line-height:1;cursor:pointer}.list{display:grid;gap:8px;margin-top:10px}.list-row{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px;font-size:13px}.recent-day-list{display:grid;gap:8px;margin-top:10px}.recent-day-row{display:grid;grid-template-columns:70px minmax(0,1.3fr) minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px 10px}.recent-col{font-size:12px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-col.date{font-weight:800}.recent-col.memo{color:#222;font-weight:650}.recent-col.tags{color:var(--muted)}.recent-col.delta{font-size:13px;font-weight:800;text-align:right}.recent-col.delta.income{color:#1f3a8a}.recent-col.delta.expense{color:var(--brand)}.recent-col.delta.flat{color:var(--muted)}.proof-box{margin-top:10px;min-height:90px;border:1px dashed var(--border);border-radius:12px;display:grid;place-items:center;color:var(--muted)}.thumb{margin-top:10px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}.thumb img{display:block;width:100%;height:180px;object-fit:contain;background:#f7f7f7}#screen-proof .thumb{max-width:400px}#screen-proof .thumb img{height:250px}.stack-page{display:grid;gap:12px}#screen-proof .stack-page{max-width:560px;margin:0 auto}.proof-carousel-card{overflow:hidden}.carousel{margin-top:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.carousel-viewport{overflow:hidden}.carousel-track{display:flex;will-change:transform}.carousel-slide{min-width:100%}.carousel-slide .thumb{margin:0 auto}.carousel-nav{width:32px;height:32px;border:1px solid var(--border);border-radius:999px;background:#fff;cursor:pointer;color:var(--text);font-size:24px;line-height:1;display:grid;place-items:center;padding:0}.carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.dot-btn{width:8px;height:8px;border-radius:999px;border:0;background:#cfcfcf;cursor:pointer;padding:0}.dot-btn.active{width:18px;background:var(--brand)}#screen-records .stack-page{max-width:860px;margin:0 auto}.record-day{border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden}.record-day summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:10px 12px;font-weight:750}.record-day summary::-webkit-details-marker{display:none}.record-balance-row{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#f2f2f2cc;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.record-balance-label{font-size:12px;color:var(--muted);font-weight:650}.record-balance-value{font-size:12px;color:#555;font-weight:700}.summary-inline{display:flex;align-items:center;gap:10px;min-width:0}.summary-date{font-weight:800;white-space:nowrap}.summary-meta{color:var(--muted);font-size:12px;font-weight:650;white-space:nowrap}.record-row{border-top:1px solid var(--border);padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.record-row.effective{background:#f2f2f2b3}.record-row.compact{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.record-left{display:grid;gap:4px}.record-row.compact .record-left{display:flex;align-items:center;gap:8px;min-width:0}.record-inline-text{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.record-memo{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-tags-inline{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-right{text-align:right;min-width:145px}.record-right.compact{min-width:auto}.record-photo-strip{border-top:1px solid var(--border);padding:10px 12px;display:flex;gap:8px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.record-photo-strip::-webkit-scrollbar{width:0;height:0;display:none}.record-photo-thumb{width:56px;height:56px;border-radius:999px;overflow:hidden;border:1px solid var(--border);flex:0 0 auto;background:#fff}.record-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.record-photo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#000000b3;display:grid;place-items:center;padding:20px}.record-photo-modal-content{position:relative;width:min(92vw,760px);height:min(88vh,760px);border-radius:16px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.15)}.shared-carousel{position:relative}.shared-carousel-viewport{width:100%;height:100%;overflow:hidden}.shared-carousel-track{height:100%;display:flex;will-change:transform}.shared-carousel-slide{min-width:100%;height:100%}.shared-carousel-image{width:100%;height:100%;display:block}.shared-carousel-image.contain{object-fit:contain}.shared-carousel-image.cover{object-fit:cover}.shared-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:36px;height:36px;border:0;border-radius:999px;background:#0000008c;color:#fff;font-size:28px;line-height:1;cursor:pointer}.shared-carousel-nav.prev{left:10px}.shared-carousel-nav.next{right:10px}.shared-carousel-dots{margin-top:8px;display:flex;justify-content:center;gap:6px}.shared-carousel-dot{width:7px;height:7px;border-radius:999px;border:0;background:#d3d3d3;cursor:pointer;padding:0}.shared-carousel-dot.active{background:var(--brand)}.shared-carousel-count{position:absolute;left:50%;bottom:10px;z-index:5;transform:translate(-50%);padding:4px 10px;border-radius:999px;background:#0000008c;color:#fff;font-size:12px;font-weight:700}.record-modal-carousel{width:100%;height:100%}.record-photo-modal-close{position:absolute;top:10px;right:10px;z-index:6;width:32px;height:32px;border:0;border-radius:999px;background:#0000008c;color:#fff;font-size:24px;line-height:1;cursor:pointer}.record-photo-modal-count{z-index:5}.tiny{color:var(--muted);font-size:12px;font-weight:650}.badge{display:inline-flex;align-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:750;white-space:nowrap;word-break:keep-all;line-height:1}.badge.expense{color:var(--brand)}.badge.income{color:#1f3a8a}.amount.expense{color:var(--brand)}.amount.income{color:#1f3a8a}.action-card{position:relative;padding-bottom:46px}.action-card .linkish{position:absolute;left:14px;bottom:14px;margin:0}.proof-carousel-home-card .shared-carousel{margin-top:10px}.proof-home-carousel .shared-carousel-viewport{border:1px solid var(--border);border-radius:12px;background:#f7f7f7;aspect-ratio:16 / 10}.home-record-photos-card{padding-bottom:10px}.home-record-photo-strip{border-top:0;padding-top:8px}.home-photo-modal-content{display:grid;grid-template-rows:minmax(0,1fr) auto}.home-record-modal-carousel{min-height:0}.home-photo-meta{border-top:1px solid rgba(255,255,255,.12);background:#161616eb;color:#f2f2f2;padding:10px 12px;display:grid;gap:6px}.home-photo-meta-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;align-items:start}.home-photo-meta-label{color:#b5b5b5;font-size:12px;font-weight:700}.home-photo-meta-value{color:#f2f2f2;font-size:12px;font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1023px){.device{width:min(760px,100%)}.title-line2{display:block;width:100%;margin-left:0}.chart-wrap{height:200px}}@media (min-width: 1025px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"daily daily" "hero hero" "heroPhotos heroPhotos" "links links" "curve tags" "records proof"}}@media (min-width: 768px){.home-grid>div{display:flex}.home-grid>div>.card{width:100%;height:100%}.balance-row{justify-content:flex-start;gap:clamp(18px,4vw,56px)}.balance-changes{text-align:left}.social-row{align-items:stretch}.embed-wrap.post{height:100%;aspect-ratio:auto}.social-instagram-profiles{align-self:start;align-content:start;justify-content:start;height:auto;width:100%}.social-links-panel{align-self:start}.daily-hook{white-space:nowrap;align-items:center}.daily-hook-line{display:inline}.daily-hook-line+.daily-hook-line:before{content:" "}}@media (max-width: 767px){.app-root{padding:10px}.device{width:100%;height:100%;border-radius:0}.topbar-title{font-size:14px}.topbar-heading{align-items:center}.home-grid{grid-template-columns:1fr;grid-template-areas:"daily" "hero" "heroPhotos" "links" "curve" "tags" "records" "proof"}.balance-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(118px,.82fr);align-items:start;gap:6px}.balance{font-size:clamp(16px,7.8vw,32px);line-height:1.02}.balance-changes{min-width:0;justify-self:end;gap:4px;text-align:right}.balance-change{font-size:11px;min-width:0}.balance-change .value{display:block;font-size:clamp(11px,3.2vw,14px);line-height:1.15;white-space:normal;word-break:break-word}.social-row{grid-template-columns:1fr;grid-template-areas:"youtube" "sns";gap:6px;align-items:start}.social-youtube{grid-area:youtube}.social-links-panel{grid-area:sns}.social-row-card{padding:8px}.embed-wrap{border-radius:8px}.embed-wrap.video{aspect-ratio:16 / 11}.embed-wrap.post{height:auto;aspect-ratio:4 / 5}.social-instagram-profiles{grid-template-columns:repeat(2,minmax(0,1fr));aspect-ratio:auto;height:auto;overflow:visible;align-content:start;width:100%}.social-instagram iframe{transform:none;width:100%;height:100%}.area-tags .card-header h2{font-size:20px;line-height:1.1}.area-tags .card-header .muted{font-size:11px;line-height:1.1;white-space:nowrap}.instagram-profile-link{position:relative;width:100%;min-width:0;min-height:38px;padding:6px 8px 6px 34px;gap:6px;align-items:center;justify-content:center;text-align:center}.instagram-profile-link .social-logo-mark{position:absolute;left:8px;top:50%;transform:translateY(-50%)}.instagram-profile-name{font-size:10px;line-height:1.1;white-space:normal;word-break:normal}.instagram-profile-meta{justify-items:center}.instagram-profile-desc{font-size:10px;line-height:1.1;white-space:normal;overflow:visible;text-overflow:clip;word-break:keep-all}#screen-proof .thumb{max-width:none}#screen-proof .thumb img{height:180px}#screen-proof .stack-page{max-width:none}.record-row{grid-template-columns:1fr}.record-row.compact{grid-template-columns:minmax(0,1fr) auto}.record-right{text-align:left;min-width:0}.recent-day-row{grid-template-columns:70px minmax(0,1fr) auto;grid-template-areas:"date memo delta" "date tags delta"}.recent-col.date{grid-area:date}.recent-col.memo{grid-area:memo}.recent-col.tags{grid-area:tags}.recent-col.delta{grid-area:delta}.action-card .linkish{bottom:12px}}