@font-face{font-family:Pretendard Variable;src:url(../media/PretendardVariable.114ha.hid3486.woff2)format("woff2-variations");font-weight:45 920;font-style:normal;font-display:swap}[data-page=demo-draft]{--ds-bg:#0d0d0f;--ds-card:#1a1a1f;--ds-card-2:#16161a;--ds-divider:#2a2a32;--ds-text:#f0f0f5;--ds-text-sub:#9090a0;--ds-text-mute:#6b6b7a;--ds-amber:#ff6b35;--ds-amber-light:#f5a623;--ds-red:#ff4757;--ds-gray:#8888a0;--ds-green:#3ddc97;--ds-amber-08:#ff6b3514;--ds-amber-14:#ff6b3524;--ds-amber-25:#ff6b3540;--ds-r-sm:8px;--ds-r-md:12px;--ds-r-lg:16px;--ds-r-pill:9999px;--ds-shadow-card:0 24px 48px #00000080;--ds-shadow-amber:0 8px 24px #ff6b3566;--ds-tracking-tight:-.03em;--ds-tracking-snug:-.02em;--ds-kicker-spacing:.32em;-webkit-font-smoothing:antialiased;color:var(--ds-text);background:radial-gradient(1400px 1000px at 84% -10%, #ff6b3529, transparent 62%), radial-gradient(700px 500px at 0% 100%, #f5a6230f, transparent 55%), var(--ds-bg);background-attachment:fixed;min-height:100svh;font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.5}@media (hover:none) and (pointer:coarse){[data-page=demo-draft]{background-attachment:scroll}}@keyframes ds-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ds-reveal-in{0%{opacity:0;transform:translate(var(--rv-x,0px), var(--rv-y,0px))}to{opacity:1;transform:translate(0)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ds-reveal-scroll{animation:linear both ds-reveal-in;animation-timeline:view();animation-range:entry 5% entry 70%}}}@media (max-width:767px){@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ds-reveal-scroll-m{animation:linear both ds-reveal-in;animation-timeline:view();animation-range:entry 5% entry 70%}}}}@keyframes ds-flame-rise{0%{opacity:0;transform:translateY(20%)scale(.5)rotate(-3deg)}10%{opacity:1}45%{opacity:.85;transform:translateY(-150%)scale(1.05)rotate(2deg)}72%{opacity:.45;transform:translateY(-270%)scale(.95)rotate(-2deg)}to{opacity:0;transform:translateY(-380%)scale(1.2)rotate(3deg)}}@media (hover:hover) and (pointer:fine){html:has([data-page=demo-draft]){scroll-snap-type:y proximity}[data-page=demo-draft] .cta-snap-end{scroll-snap-align:end;scroll-snap-stop:always}}
.flint-ui{--bg:var(--ds-bg,#0d0d0f);--card:var(--ds-card,#1a1a1f);--divider:var(--ds-divider,#2a2a32);--text:var(--ds-text,#f0f0f5);--text-sub:var(--ds-text-sub,#9090a0);--text-mute:var(--ds-text-mute,#6b6b7a);--amber:var(--ds-amber,#ff6b35);--amber-light:var(--ds-amber-light,#f5a623);--red:var(--ds-red,#ff4757);--gray:var(--ds-gray,#8888a0);--green:var(--ds-green,#3ddc97);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.5}.flint-ui *,.flint-ui :before,.flint-ui :after{box-sizing:border-box;margin:0;padding:0}.flint-ui .appicon{border:1px solid var(--divider);background:linear-gradient(160deg,#16161a,#0a0a0c);border-radius:22.5%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #00000080}.flint-ui .appicon:after{content:"";background:radial-gradient(70% 70% at 70% 20%,#ff6b352e,#0000 70%);position:absolute;inset:0}.flint-ui .appicon>svg{z-index:1;width:60%;height:60%;display:block;position:relative}.flint-ui .phone{aspect-ratio:841/1699;filter:drop-shadow(0 30px 60px #0000008c);max-width:100%;position:relative;container-type:inline-size}.flint-ui .phone-frame{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.flint-ui .phone-screen{background:var(--bg);z-index:1;border-radius:7cqw;position:absolute;inset:2.35% 5.59% 2.41%;overflow:hidden}.flint-ui .phone-screen-content{transform-origin:0 0;background:var(--bg);flex-direction:column;display:flex;position:absolute;top:0;left:0}.flint-ui .statusbar{color:var(--text);justify-content:space-between;align-items:center;padding:14px 22px 6px;font-size:12px;font-weight:600;display:flex}.flint-ui .statusbar .dots{gap:4px;display:flex}.flint-ui .statusbar .dots i{background:var(--text-sub);border-radius:50%;width:4px;height:4px}.flint-ui .scr-body{flex-direction:column;flex:1;padding:8px 16px 0;display:flex;overflow:hidden}.flint-ui .app-head{justify-content:space-between;align-items:center;padding:6px 4px 14px;display:flex}.flint-ui .app-head .date{font-size:15px;font-weight:600}.flint-ui .app-head .date span{color:var(--text-mute);font-size:13px}.flint-ui .dday{color:var(--amber);background:#ff6b3524;border-radius:8px;padding:5px 11px;font-size:12px;font-weight:700}.flint-ui .subj-bar{margin-bottom:11px}.flint-ui .subj-bar .lbl{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.flint-ui .subj-bar .lbl .h{font-weight:600}.flint-ui .subj-bar .lbl .n{color:var(--text-sub)}.flint-ui .track{background:var(--divider);border-radius:6px;height:8px;overflow:hidden}.flint-ui .track .fill{border-radius:6px;height:100%}.flint-ui .tg-title{color:var(--text-mute);letter-spacing:.05em;text-transform:uppercase;margin:6px 4px 8px;font-size:12px;font-weight:600}.flint-ui .tg-wrap{flex:1;overflow:hidden}.flint-ui .tg-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.flint-ui .tg-time{color:var(--text-mute);flex-shrink:0;width:38px;font-size:11px}.flint-ui .tg-block{color:#0d0d0f;border-radius:6px;align-items:center;height:22px;padding:0 9px;font-size:11px;font-weight:600;display:flex}.flint-ui .tg-empty{background:var(--divider);opacity:.4;border-radius:6px;flex:1;height:22px}.flint-ui .fab{background:var(--amber);color:#0d0d0f;text-align:center;border-radius:14px;padding:14px;font-size:14px;font-weight:700;position:absolute;bottom:74px;left:16px;right:16px;box-shadow:0 8px 24px #ff6b3566}.flint-ui .botnav{background:var(--card);border-top:1px solid var(--divider);justify-content:space-around;padding:9px 0 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.flint-ui .botnav .nav-item{color:var(--text-mute);flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:500;display:flex}.flint-ui .botnav .nav-item.on{color:var(--amber)}.flint-ui .botnav .nav-item svg{width:20px;height:20px}.flint-ui .week-total{background:var(--card);border:1px solid var(--divider);border-radius:14px;margin-bottom:14px;padding:16px}.flint-ui .week-total .big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:700}.flint-ui .week-total .lbl{color:var(--text-mute);font-size:12px;font-weight:600}.flint-ui .week-total .delta{color:var(--green);margin-left:8px;font-size:13px;font-weight:700}.flint-ui .dash-row{margin-bottom:12px}.flint-ui .dash-row .top{justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:13px;display:flex}.flint-ui .dash-row .subj{font-weight:600}.flint-ui .dash-row .stat{color:var(--text-sub);font-variant-numeric:tabular-nums}.flint-ui .dash-row .pct{font-variant-numeric:tabular-nums;font-weight:700}.flint-ui .trend{background:var(--card);border:1px solid var(--divider);border-radius:14px;margin-top:4px;padding:14px 16px}.flint-ui .trend .lbl{color:var(--text-mute);margin-bottom:10px;font-size:12px;font-weight:600}.flint-ui .bars{align-items:flex-end;gap:10px;height:54px;display:flex}.flint-ui .bars .b{background:linear-gradient(var(--amber), var(--amber-light));border-radius:5px 5px 0 0;flex:1}.flint-ui .track .fill{transition:width 1s cubic-bezier(.16,1,.3,1)}.flint-ui .bars .b{transition:height .95s cubic-bezier(.16,1,.3,1)}.flint-ui:not(.gauge-in) .track .fill{width:0!important}.flint-ui:not(.gauge-in) .bars .b{height:0!important}@media (prefers-reduced-motion:reduce){.flint-ui .track .fill,.flint-ui .bars .b{transition:none}}.flint-ui .bars-labels{gap:10px;margin-top:6px;display:flex}.flint-ui .bars-labels span{text-align:center;color:var(--text-mute);font-variant-numeric:tabular-nums;flex:1;font-size:10px}.flint-ui .coach-card{background:var(--card);border:1px solid var(--divider);border-radius:16px;flex:1;padding:18px;overflow:hidden}.flint-ui .coach-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.flint-ui .coach-head .fire{align-items:center;font-size:16px;display:flex}.flint-ui .coach-head .ttl{font-size:14px;font-weight:700}.flint-ui .coach-date{color:var(--text-mute);margin-bottom:16px;font-size:11px}.flint-ui .coach-headline{letter-spacing:-.01em;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);padding:14px 0;font-size:17px;font-weight:600;line-height:1.45}.flint-ui .coach-headline .hl{color:var(--amber)}.flint-ui .coach-sec{margin-top:14px}.flint-ui .coach-sec .k{color:var(--amber-light);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:700}.flint-ui .coach-sec .v{color:var(--text-sub);font-size:13px;line-height:1.55}.flint-ui .coach-q{background:#ff6b3517;border:1px solid #ff6b3540;border-radius:12px;margin-top:16px;padding:13px}.flint-ui .coach-q .k{color:var(--amber);letter-spacing:.06em;margin-bottom:5px;font-size:11px;font-weight:700}.flint-ui .coach-q .v{font-size:14px;font-weight:600;line-height:1.45}.flint-ui .coach-btn{text-align:center;border:1px solid var(--amber);color:var(--amber);border-radius:12px;margin-top:14px;padding:12px;font-size:13px;font-weight:700}.flint-ui .ob-progress{gap:6px;padding:4px 4px 22px;display:flex}.flint-ui .ob-progress i{background:var(--divider);border-radius:3px;flex:1;height:4px}.flint-ui .ob-progress i.on{background:var(--amber)}.flint-ui .ob-step{color:var(--amber);letter-spacing:.08em;margin-bottom:10px;font-size:12px;font-weight:700}.flint-ui .ob-q{letter-spacing:-.02em;margin-bottom:6px;font-size:24px;font-weight:700;line-height:1.3}.flint-ui .ob-hint{color:var(--text-mute);margin-bottom:24px;font-size:13px}.flint-ui .goal-row{margin-bottom:16px}.flint-ui .goal-row .top{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.flint-ui .goal-row .top .h{font-weight:600}.flint-ui .goal-row .top .v{color:var(--amber);font-variant-numeric:tabular-nums;font-weight:700}.flint-ui .slider{background:var(--divider);border-radius:4px;height:6px;position:relative}.flint-ui .slider .sf{background:var(--amber);border-radius:4px;height:100%}.flint-ui .slider .knob{border:3px solid var(--amber);background:#f0f0f5;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006}.flint-ui .goal-total{background:var(--card);border:1px solid var(--divider);border-radius:12px;justify-content:space-between;align-items:baseline;margin-top:6px;padding:14px 16px;display:flex}.flint-ui .goal-total .l{color:var(--text-sub);font-size:13px;font-weight:600}.flint-ui .goal-total .n{color:var(--amber);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.flint-ui .streak-hero{text-align:center;background:linear-gradient(150deg,#ff6b3529,#f5a6230d);border:1px solid #ff6b3540;border-radius:16px;margin-bottom:14px;padding:20px}.flint-ui .streak-hero .fire{font-size:30px}.flint-ui .streak-hero .num{letter-spacing:-.02em;white-space:nowrap;margin-top:2px;font-size:38px;font-weight:700}.flint-ui .streak-hero .num span{color:var(--amber)}.flint-ui .streak-hero .sub{color:var(--text-sub);margin-top:2px;font-size:12px}.flint-ui .heatmap-card{background:var(--card);border:1px solid var(--divider);border-radius:14px;margin-bottom:14px;padding:16px}.flint-ui .heatmap-card .lbl{color:var(--text-mute);margin-bottom:12px;font-size:12px;font-weight:600}.flint-ui .heatmap{grid-template-columns:repeat(14,1fr);gap:5px;display:grid}.flint-ui .heatmap i{aspect-ratio:1;border-radius:3px}.flint-ui .profile-row{background:var(--card);border:1px solid var(--divider);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;font-size:13px;display:flex}.flint-ui .profile-row .k{color:var(--text-sub);font-weight:500}.flint-ui .profile-row .v{font-weight:600}.flint-ui .profile-row .v.code{color:var(--amber);font-variant-numeric:tabular-nums;letter-spacing:.04em}.flint-ui .empty-wrap{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 28px 60px;display:flex}.flint-ui .empty-mark{background:#ff6b3514;border:1px solid #ff6b3533;border-radius:24px;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:22px;display:flex}.flint-ui .empty-wrap h4{margin-bottom:8px;font-size:18px;font-weight:700}.flint-ui .empty-wrap p{color:var(--text-mute);max-width:230px;font-size:13px;line-height:1.6}.flint-ui .fab.fab-ob{bottom:24px}