:root{--inset-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--inset-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--bg:#f6f4ef;--surface:#fff;--surface-2:#efece4;--text:#1d2321;--muted:#6b716e;--line:#e2ddd2;--accent:#1f6f5c;--accent-soft:#dcefe8;--accent-text:#fff;--warn:#b5541c;--danger:#b3261e;--radius:14px;--shadow:0 1px 2px #0000000d, 0 2px 8px #0000000a;--kind-todo:#b5541c;--kind-study:#3a63b8;--kind-hobby:#a0407a;--kind-interest:#1f7a5c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141816;--surface:#1d2220;--surface-2:#262c29;--text:#e8ebe9;--muted:#9aa29e;--line:#313835;--accent:#5cc3a5;--accent-soft:#1f3a32;--accent-text:#0d1a16;--warn:#f0a070;--danger:#f28b82;--shadow:none;--kind-todo:#f0a070;--kind-study:#8fb0f0;--kind-hobby:#e79ac6;--kind-interest:#6fd0ae;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#141816;--surface:#1d2220;--surface-2:#262c29;--text:#e8ebe9;--muted:#9aa29e;--line:#313835;--accent:#5cc3a5;--accent-soft:#1f3a32;--accent-text:#0d1a16;--warn:#f0a070;--danger:#f28b82;--shadow:none;--kind-todo:#f0a070;--kind-study:#8fb0f0;--kind-hobby:#e79ac6;--kind-interest:#6fd0ae;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:15px;line-height:1.5}body:before{content:"";height:var(--inset-top);background:var(--bg);z-index:45;pointer-events:none;position:fixed;top:0;left:0;right:0}.app{max-width:560px;min-height:100dvh;padding:var(--inset-top) 16px calc(84px + var(--inset-bottom));margin:0 auto}.topbar{align-items:baseline;gap:10px;padding:20px 0 8px;display:flex}.topbar h1{letter-spacing:-.02em;margin:0;font-size:24px}.topbar .dot{color:var(--accent)}.tagline{color:var(--muted);margin:0;font-size:13px}h2{margin:18px 0 10px;font-size:16px}.card h2{margin-top:0}h3{margin:4px 0 6px;font-size:17px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.card.dim{opacity:.65}button{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;padding:10px 14px}button:not(:disabled):active{filter:brightness(.92)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.small{padding:6px 10px;font-size:13px}button.danger{color:var(--danger)}input,textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;width:100%;padding:10px 12px}textarea{resize:vertical}input[type=range],input[type=checkbox]{width:auto;accent-color:var(--accent);padding:0}input[type=range]{flex:1}.muted{color:var(--muted)}.small{font-size:13px}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.error{color:var(--danger)}code{background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:12px}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.row-between h2{margin:18px 0 10px}.card .row-between h2{margin:0}.row-end{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.col{flex-direction:column;gap:4px;display:flex}.two-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.wrap-buttons{flex-wrap:wrap;gap:6px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:999px;padding:7px 12px;font-size:14px}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--text);font-weight:600}.slider{align-items:center;gap:12px;margin-top:12px;display:flex}.slider span{text-align:right;font-variant-numeric:tabular-nums;min-width:44px;font-weight:600}.time-value{font-variant-numeric:tabular-nums;color:var(--accent);font-size:18px}.time-slider{--thumb:20px;margin-top:10px}.time-slider input[type=range]{width:100%;margin:0;display:block}.time-ticks{height:30px;position:relative}.time-tick{top:0;left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--p));min-width:28px;color:var(--muted);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:6px;padding:6px 4px 4px;font-size:12px;position:absolute;transform:translate(-50%)}.time-tick:before{content:"";background:currentColor;width:1px;height:4px;position:absolute;top:0;left:50%}.time-tick.on{color:var(--accent);font-weight:700}.rec{flex-direction:column;gap:2px;display:flex}.rec.best{border-color:var(--accent);border-width:2px}.rec-head{justify-content:space-between;font-size:13px;display:flex}.type{color:var(--accent);margin:0;font-size:13px;font-weight:600}.mins{color:var(--muted);font-variant-numeric:tabular-nums}.step,.resume{margin:0 0 4px;font-size:14px}.resume{color:var(--warn)}.reasons{color:var(--muted);margin:2px 0 10px;font-size:12px}.paused{justify-content:space-between;gap:12px;display:flex}.paused p{margin:2px 0}.active{flex-direction:column;gap:10px;padding-top:12px;display:flex}.active-title{margin:0;font-size:22px}.timer{text-align:center;padding:18px 0 6px}.clock{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:56px;font-weight:700}.timer.over .clock{color:var(--warn)}.bar{background:var(--surface-2);border-radius:999px;height:8px;margin:8px 0;overflow:hidden}.bar>div{background:var(--accent);border-radius:inherit;height:100%;transition:width .5s linear}.timer.over .bar>div{background:var(--warn)}.bar.thin{height:5px;margin:4px 0}.bar.grow{flex:1}.actions{flex-direction:column;gap:8px;display:flex}.actions .primary{padding:14px;font-size:16px}.finish p{margin:12px 0 8px}.rating{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.check{align-items:center;gap:8px;margin:4px 0;display:flex}.item h3{margin:6px 0 2px}.item p{margin:2px 0}.kind{background:var(--surface-2);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.kind-todo{color:var(--kind-todo)}.kind-study{color:var(--kind-study)}.kind-hobby{color:var(--kind-hobby)}.kind-interest{color:var(--kind-interest)}.done-list summary{cursor:pointer;color:var(--muted);margin:12px 0}.form{flex-direction:column;gap:14px;display:flex}.form label{flex-direction:column;gap:6px;font-size:14px;display:flex}.form label.check{flex-direction:row}.label{margin:0 0 6px;font-size:14px}.suggestion{cursor:pointer;align-items:flex-start;margin:0;flex-direction:row!important;gap:12px!important;display:flex!important}.suggestion.on{border-color:var(--accent)}.suggestion>div{flex:1}.suggestion ol{margin:6px 0;padding-left:18px}.suggestion p{margin:2px 0}.stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{flex-direction:column;display:flex}.stat strong{font-size:22px}.type-row{align-items:center;gap:10px;margin:6px 0;display:flex}.type-name{flex-shrink:0;width:92px;font-size:13px}.log p{margin:2px 0}.note{white-space:pre-wrap;background:var(--surface-2);border-radius:8px;padding:6px 10px;margin-top:6px!important}.weight{grid-template-columns:1fr 1.2fr 36px;align-items:center;gap:10px;margin:6px 0;font-size:13px;display:grid}.table-wrap{margin-top:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{border-bottom:1px solid var(--line);padding:6px}th{color:var(--muted);text-align:right;white-space:nowrap;font-weight:500}th:first-child{text-align:left}td.name{min-width:140px}td.strong{font-weight:700}td.neg{color:var(--danger)}.empty{text-align:center;padding:60px 12px}.empty .big{font-size:18px;font-weight:600}.tabbar{background:var(--surface);border-top:1px solid var(--line);padding-bottom:var(--inset-bottom);z-index:40;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{max-width:140px;color:var(--muted);background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 0 12px;font-size:12px;display:flex}.tabbar button span{font-size:20px}.tabbar button.on{color:var(--accent);font-weight:700}.sidebar{display:contents}@media (width>=900px){.app{grid-template-columns:200px minmax(0,1fr);gap:40px;max-width:1280px;padding:0 32px;display:grid}.sidebar{flex-direction:column;height:100dvh;padding:28px 0;display:flex;position:sticky;top:0}.topbar{flex-direction:column;gap:2px;padding:0 0 28px 14px}.topbar h1{font-size:26px}.tabbar{background:0 0;border:none;flex-direction:column;gap:4px;padding:0;position:static}.tabbar button{border-radius:10px;flex-direction:row;flex:none;justify-content:flex-start;gap:12px;max-width:none;padding:10px 14px;font-size:15px}.tabbar button span{font-size:18px}.tabbar button:hover{background:var(--surface-2)}.tabbar button.on{background:var(--accent-soft)}.content{min-width:0;padding:28px 0 56px}.content>.card:first-child,.content>section:first-child>h2:first-child{margin-top:0}button:not(:disabled):hover{filter:brightness(.97)}.now-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start;gap:28px;display:grid}.now-side{position:sticky;top:28px}.now-grid.solo{grid-template-columns:minmax(0,760px)}.now-side>section:first-child>h2{margin-top:0}.two-buttons{max-width:440px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.item-grid .card{flex-direction:column;margin:0;display:flex}.item-grid .row-end{margin-top:auto;padding-top:8px}.narrow{max-width:720px}.history-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:28px;display:grid}.history-summary{position:sticky;top:28px}.history-log>h2{margin-top:0}.tune-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.tune-weights{grid-area:1/1}.tune-data{grid-area:1/2}.tune-table{grid-area:2/1/auto/-1}.tune-grid .card{margin:0}table{font-size:13px}.tune-table th,.tune-table td{padding:7px 4px}td.name{min-width:150px}.settings{max-width:720px}.others .others-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.active{max-width:640px;margin:0 auto}}@media (width>=1200px){.tune-grid{grid-template-columns:300px minmax(0,1fr)}.tune-weights{grid-area:1/1}.tune-data{grid-area:2/1}.tune-table{grid-area:1/2/span 2}}.secondary-row{margin-top:-4px}.secondary-row button{color:var(--muted)}.rec-actions{flex-direction:column;gap:6px;display:flex}.open-app{background:0 0;border-style:dashed;padding:8px 12px;font-size:14px}.method{background:var(--surface-2);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.method p,.method ol{margin:0}.method ol{margin-bottom:6px;padding-left:18px}.method button{align-self:flex-start}details.method summary{cursor:pointer}details.method>.method{background:0 0;padding:10px 0 0}.tag{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.note-chip{border:1px solid var(--line);border-radius:10px;flex-direction:column;margin-bottom:6px;padding:8px 12px;font-size:14px;display:flex}.quote{border-left:3px solid var(--line);margin:4px 0 0;padding-left:8px}.block{margin-top:4px;display:block}.app-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.app-tile{flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;display:flex;position:relative}.app-tile.on{background:var(--accent-soft);border-color:var(--accent)}.app-icon{font-size:26px;line-height:1}.app-name{text-align:center;font-size:12px;line-height:1.3}.app-check{color:var(--accent);font-size:12px;font-weight:700;position:absolute;top:4px;right:6px}.toast{left:50%;bottom:calc(92px + var(--inset-bottom));background:var(--text);color:var(--bg);z-index:50;border-radius:10px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:14px;animation:.2s ease-out toast-in;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (width>=900px){.toast{bottom:32px}.rec-actions{flex-direction:row}.rec-actions .primary{flex:1}}.greeting h2{margin:8px 0 2px;font-size:20px}.greeting p{margin:0 0 14px}.streak{color:var(--warn);font-weight:600}.resume-hero{border:2px solid var(--warn)}.resume-hero h3,.resume-hero p{margin:2px 0}.resume-hero .type{color:var(--warn)}.resume-hero .rec-actions{margin-top:10px}.warmup{color:var(--muted);background:var(--surface-2);border-radius:10px;margin:0 0 12px;padding:10px 12px}.onboarding{max-width:560px;min-height:100dvh;padding:calc(20px + var(--inset-top)) 16px calc(32px + var(--inset-bottom));flex-direction:column;margin:0 auto;display:flex}.onb-progress{gap:6px;margin-bottom:24px;display:flex}.onb-progress span{background:var(--line);border-radius:999px;flex:1;height:4px}.onb-progress span.on{background:var(--accent)}.onb-title{letter-spacing:-.02em;margin:0 0 8px;font-size:24px;line-height:1.35}.onb-welcome{flex-direction:column;flex:1;display:flex}.onb-logo{margin:24px 0 8px;font-size:32px;font-weight:800}.onb-logo .dot{color:var(--accent)}.onb-points{flex-direction:column;gap:18px;margin:28px 0;padding:0;list-style:none;display:flex}.onb-points li{align-items:flex-start;gap:14px;display:flex}.onb-points li>span{font-size:26px;line-height:1}.onb-points p{margin:2px 0 0}.big-cta{margin-top:auto;padding:15px;font-size:17px}.template-grid{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 8px;display:grid}.template{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;display:flex}.template.on{background:var(--accent-soft);border-color:var(--accent)}.template-emoji{font-size:22px}.template-title{font-size:14px;font-weight:600}.template-meta{font-size:11px}.onb-more{margin-top:14px}.onb-alt{flex-direction:column;gap:6px;display:flex}.onb-alt button{text-align:left;font-size:14px}.onb-footer{background:linear-gradient(transparent, var(--bg) 30%);justify-content:space-between;gap:8px;margin-top:16px;padding:14px 0 4px;display:flex;position:sticky;bottom:0}.onb-footer .primary{flex:1;max-width:260px}.onb-first{flex-direction:column;gap:12px;display:flex}.onb-first .onb-title,.onb-first>p{text-align:center;margin:0}.chips.center{justify-content:center}.onb-rec{margin-top:8px}@media (width>=900px){.onboarding{max-width:720px;padding-top:48px}.template-grid{grid-template-columns:repeat(4,1fr)}.onb-alt{flex-direction:row}.onb-alt button{text-align:center;flex:1}.onb-welcome .big-cta{align-self:flex-start;margin-top:12px;padding:14px 48px}.onb-first{width:100%;max-width:480px;margin:0 auto}}.settings-row{text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;font-size:15px;display:flex}.settings-row-sub{margin-top:2px;display:block}.settings-name{gap:6px;display:flex}.settings-name input{flex:1;min-width:0}.settings-sub-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.settings-sub-head h2{margin:0}.others-range{margin-top:10px}.others-list{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}.others-item{flex-direction:column;gap:6px;margin:0;padding:12px;display:flex}.others-emoji{font-size:24px;line-height:1.2}.others-body{flex:1;min-width:0}.others-body strong{font-size:14px;line-height:1.35}.others-body p{margin:4px 0 0;font-size:12px}.others-item>button{width:100%}.others-note{color:var(--muted);font-style:italic}.others-foot{text-align:center;margin:12px 0 24px}.tune-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.tune-head h2{margin:0}.dev-switcher{top:calc(10px + var(--inset-top));z-index:100;flex-direction:column;align-items:flex-end;gap:6px;font-size:12px;display:flex;position:fixed;right:10px}.dev-pill{color:#fff;opacity:.85;background:#3b2f8f;border:none;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.dev-pill:hover{opacity:1}.dev-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:220px;padding:12px;box-shadow:0 6px 24px #00000026}.dev-title{margin:0 0 8px;font-weight:700}.dev-seg{grid-template-columns:1fr 1fr;gap:4px;display:grid}.dev-seg button,.dev-actions button{padding:6px 8px;font-size:12px}.dev-seg button.on{color:#fff;background:#3b2f8f;border-color:#3b2f8f}.dev-actions{flex-direction:column;gap:4px;margin:8px 0;display:flex}.dev-note{color:var(--muted);margin:6px 0 0;font-size:11px}.content.light .now-main>section.card:not(.resume-hero),.content.light .rec:not(.best),.content.light .paused,.content.light .now-side .card,.content.light .item-grid .card.item,.content.light .done-list .card,.content.light>p.muted.card{box-shadow:none;background:0 0;border:none;border-radius:0}.content.light .now-main>section.card:not(.resume-hero){margin-bottom:8px;padding:4px 0 8px}.content.light .rec.best{background:var(--accent-soft);box-shadow:none;border:none;margin-bottom:4px;padding:18px}.content.light .resume-hero{background:color-mix(in srgb, var(--warn) 12%, var(--surface));box-shadow:none;border:none}.content.light .rec:not(.best){border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;margin:0;padding:14px 2px;display:grid}.content.light .rec:not(.best)>*{grid-column:1}.content.light .rec:not(.best) .rec-actions{display:contents}.content.light .rec:not(.best) .open-app{justify-self:start;margin-top:6px;padding:4px 10px;font-size:13px}.content.light .rec:not(.best) .rec-actions .primary{color:var(--accent);border:1px solid var(--accent);background:0 0;flex:none;grid-area:1/2/span 6;padding:6px 14px;font-size:14px}.content.light .rec.best+.rec:not(.best),.content.light .now-side h2+.paused{border-top:1px solid var(--line);margin-top:12px}.content.light .rec:not(.best) h3{margin:2px 0;font-size:16px}.content.light .rec:not(.best) .reasons{margin-bottom:0}.content.light .paused{border-bottom:1px solid var(--line);margin:0;padding:12px 2px}.content.light .now-side .card{padding:0}.content.light .warmup{background:0 0;padding:8px 2px}.content.light .item-grid{border-top:1px solid var(--line)}.content.light .item-grid .card.item{border-bottom:1px solid var(--line);margin:0;padding:14px 2px 10px}.content.light .item-grid .card.item h3{font-size:16px}.content.light .item-grid .card.item .row-end{gap:2px;margin-top:4px}.content.light .item-grid .card.item .row-end button{padding:4px 8px}.content.light .done-list .card{border-bottom:1px solid var(--line);margin:0;padding:10px 2px}.content.light>p.muted.card{padding:8px 2px}@media (width>=900px){.content.light .item-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:0;overflow:hidden}.content.light .item-grid .card.item{border-left:1px solid var(--line);margin-left:-1px;padding:14px 18px 10px}}.copy-row{gap:6px;margin:4px 0;display:flex}.copy-row input{flex:1;min-width:0;font-size:13px}.method .copy-row button{align-self:stretch}.onb-phrase{animation:.45s ease-out onb-phrase-in;display:inline-block}@keyframes onb-phrase-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.onb-phrase{animation:none}}.greeting .others-range{margin:-4px 0 14px}.others-item>button.taken{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);opacity:1}.mock-badge{white-space:nowrap;letter-spacing:.02em;color:var(--warn);border:1px dashed var(--warn);border-radius:6px;flex:none;padding:1px 6px;font-size:11px;font-weight:700}.two-buttons.three{grid-template-columns:repeat(3,1fr)}.link-recs{margin-top:18px}.link-recs>p{margin:0 0 6px}.link-row{border-bottom:1px solid var(--line);grid-template-columns:96px minmax(0,1fr);column-gap:12px;padding:12px 2px;display:grid}.link-row:first-of-type{border-top:1px solid var(--line)}.link-row .link-thumb{grid-row:1/span 2}.link-body h3{margin:2px 0;font-size:15px;line-height:1.35}.link-body p{margin:0}.link-meta{color:var(--muted);font-size:12px}.link-kind{color:var(--accent);font-weight:600}.link-fit{color:var(--accent)}.link-from{white-space:nowrap}.link-actions{grid-column:2;gap:6px;margin-top:8px;display:flex}.link-actions .primary{color:var(--accent);border:1px solid var(--accent);background:0 0}.link-thumb{aspect-ratio:16/9;color:#fff;border-radius:8px;justify-content:center;align-items:center;width:96px;display:flex;position:relative;overflow:hidden}.link-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.link-thumb-icon{opacity:.9;font-size:18px}.link-length{background:#000000b3;border-radius:3px;padding:0 3px;font-size:10px;font-weight:600;position:absolute;bottom:4px;right:4px}.link-preview{border-bottom:1px solid var(--line);grid-template-columns:auto 96px minmax(0,1fr);align-items:start;column-gap:10px;padding:10px 0;display:grid}.link-preview:not(.on){opacity:.55}.link-preview>input[type=checkbox]{margin-top:16px}.link-preview .link-body input:not([type]){margin:4px 0}.form .link-minutes{flex-flow:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.link-minutes input{width:64px;padding:4px 6px}.engine-note{margin:4px 0 0}.login-buttons{gap:8px;margin-top:12px;display:grid}.login-btn{border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:11px 14px;font-weight:600;display:flex}.login-btn .login-mark{justify-content:center;align-items:center;width:20px;font-weight:800;display:flex}.login-btn.naver{color:#fff;background:#03c75a;border-color:#03c75a}.login-btn.kakao{color:#191600;background:#fee500;border-color:#fee500}.login-btn.google{color:#1f1f1f;background:#fff;border-color:#dadce0}.login-btn.google .login-mark{color:#4285f4}.login-state{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:10px;display:grid}.login-state p{margin:2px 0 0}.login-state .login-mark{background:var(--surface-2);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.login-state .login-mark.naver{color:#fff;background:#03c75a}.login-state .login-mark.kakao{color:#191600;background:#fee500}.login-state .login-mark.google{color:#4285f4;background:#fff;border:1px solid #dadce0}.confirm-backdrop{z-index:60;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--surface);width:min(320px,100%);color:var(--text);border-radius:var(--radius);padding:22px 20px 16px;box-shadow:0 8px 32px #0003}.confirm-title{margin:0;font-size:17px;font-weight:600}.confirm-body{color:var(--muted);margin:8px 0 0;font-size:14px}.confirm-actions{gap:8px;margin-top:18px;display:flex}.confirm-actions button{flex:1;min-height:44px}.greeting .explore-sits{margin:-4px 0 8px}.greeting .explore-hint{margin:0 0 14px}.explore-facts{flex-wrap:wrap;gap:4px;margin:6px 0 2px;display:flex}.explore-fact{background:var(--accent-soft);color:var(--text);border-radius:999px;padding:2px 8px;font-size:12px}.app-icon-img{vertical-align:-.28em;object-fit:contain;width:1.25em;height:1.25em}.app-icon-img.app-icon{vertical-align:middle;width:40px;height:40px}.link-thumb.link-thumb-app{aspect-ratio:1;background:var(--surface-2)}.link-thumb.link-thumb-app:has(img){background:0 0;border-radius:0}.link-thumb-app img.link-thumb-app-icon{object-fit:contain;width:100%;height:100%;position:static}.link-thumb-app span.link-thumb-app-icon{font-size:44px;line-height:1}.item-top{align-items:flex-start;gap:12px;display:flex}.item-main{flex:1;min-width:0}.link-thumb.item-thumb{flex:none;width:72px;margin-top:2px}.item-thumb span.link-thumb-app-icon{font-size:32px}.active-home{color:var(--muted);margin:0 0 8px -8px;display:block}.resume-hero.active-hero{border-color:var(--accent)}.resume-hero.active-hero .type{color:var(--accent)}.resume-hero.active-hero.over{border-color:var(--warn)}.resume-hero.active-hero.over .type,.resume-hero.active-hero.over .active-hero-clock{color:var(--warn)}.resume-hero .active-hero-clock{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:40px;font-weight:800;line-height:1.1}.admin-jump{left:12px;bottom:calc(92px + var(--inset-bottom));z-index:45;border:1px dashed var(--warn);background:var(--surface);color:var(--warn);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;text-decoration:none;display:inline-flex;position:fixed}.admin-jump i{background:var(--line);border-radius:50%;width:8px;height:8px}.admin-jump i.on{background:var(--accent)}@media (width>=900px){.admin-jump{bottom:20px;left:20px}}.login-btn.id{background:var(--surface);border-color:var(--line);color:var(--text)}.login-form{flex-direction:column;gap:12px;display:flex}.login-form label{flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}.login-form p{margin:0}.login-error{background:color-mix(in srgb, var(--danger) 14%, var(--surface));color:var(--danger);border-radius:10px;padding:10px 14px;font-size:14px}