:root{--app-width:390px;--content-width:350px;--bg:#fff;--ink:#17151d;--muted:#9499a6;--line:#edf0f5;--purple:#633cff;--action:#8f86f7;--action-soft:#eeeaff;--action-ink:#5147c8;--lavender:#bdb8cc;--pink:#f7dfe9;--periwinkle:#e4e5ff;--cream:#fff3d7;--soft:#f4f5f8;--backdrop:#f1f2f7;--radius-sm:14px;--radius-md:18px;--radius-lg:22px;--space-page-x:20px;--nav-height:78px;--tap:44px;--app-height:844px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--backdrop);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%}body{background:var(--backdrop);min-height:100svh;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;place-items:center;margin:0;display:grid;overflow:auto}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0;transition:transform .16s,opacity .16s}button:active{transform:scale(.98)}button:focus-visible{outline-offset:2px;outline:3px solid #8f86f747}svg{stroke-width:2px;flex:none;display:block}.app-shell{width:min(var(--app-width), 100vw);height:min(var(--app-height), 100svh);background:var(--bg);isolation:isolate;min-height:0;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e0e3ece6,0 20px 48px #17151d14}.screen{overscroll-behavior:contain;height:100%;min-height:0;padding:22px var(--space-page-x) calc(108px + env(safe-area-inset-bottom,0px));display:none;overflow-y:auto}.screen.is-active,.splash.is-active{display:block}.splash{display:none}.splash.is-active{flex-direction:column;display:flex}.splash .logo-large{margin-top:4px}.splash-copy{margin-top:86px;display:grid;position:relative}.splash-copy p,.view-title p,.profile-card p,.country-info-card p,.roadmap-card p,.visa-card p{color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:900;line-height:1.35}.splash-copy h1{letter-spacing:0;word-break:keep-all;width:min(318px,100%);margin:0;font-size:30px;font-weight:950;line-height:1.18}.logo-large,.logo-type{color:var(--purple);letter-spacing:-1px;font-size:27px;font-weight:950;line-height:1}.logo-type{margin-bottom:28px}.logo-type span{color:#7b5cff}.splash-visual{contain:layout paint;background:radial-gradient(circle at 86% 18%,#ffd923e6 0 12px,#0000 13px),radial-gradient(circle at 15% 78%,#f7dfe9f2 0 40px,#0000 41px),linear-gradient(135deg,#f1edff 0%,#fff 48%,#e9ebff 100%);border-radius:34px;justify-self:center;width:min(280px,100%);height:176px;margin:46px auto 24px;position:relative;box-shadow:inset 0 0 0 1px #633cff14,0 18px 36px #633cff1f}.splash-visual:before{content:"";background:repeating-linear-gradient(90deg,#633cff61 0 10px,#0000 10px 18px);border-radius:999px;width:82px;height:3px;position:absolute;top:82px;left:104px;transform:rotate(-12deg)}.splash-visual:after{content:"";background:radial-gradient(circle at 34% 40%,#fff 0 5px,#0000 6px),linear-gradient(135deg,#ff8fa8 0 49%,#633cff 51% 100%);border-radius:50%;width:46px;height:46px;position:absolute;top:54px;left:176px;transform:rotate(-14deg);box-shadow:0 12px 20px #633cff29}.passport-card,.topik-card,.korea-badge{place-items:center;font-weight:950;display:grid;position:absolute}.passport-card{background:var(--purple);color:#fff;border-radius:22px;width:82px;height:104px;top:34px;left:28px;box-shadow:0 14px 24px #633cff38}.passport-card:before{content:"";border:2px solid #ffffffc2;border-radius:50%;width:34px;height:34px;position:absolute;top:23px}.topik-card{width:116px;height:72px;color:var(--ink);background:#fff;border-radius:22px;bottom:28px;right:24px;box-shadow:inset 0 0 0 1px #edf0f5f2,0 14px 24px #17151d14}.korea-badge{background:conic-gradient(from 90deg, #ff8fa8 0 50%, #8d96ff 0 100%);border-radius:50%;width:56px;height:56px;top:31px;right:39px;box-shadow:inset 0 0 0 10px #fff,0 12px 22px #633cff21}.splash .primary-action{width:calc(100% - 40px);margin:0;position:absolute;bottom:24px;left:20px;right:20px}.primary-action,.secondary-action,.task-card button,.section-title button{background:var(--action);color:#fff;border-radius:999px;min-height:52px;font-weight:900;box-shadow:0 10px 18px #8f86f72e}.primary-action{width:100%}.sticky-action{width:calc(100% - 40px);position:absolute;bottom:24px;left:20px;right:20px}.top-bar,.home-header,.section-title,.detail-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.top-bar{margin-bottom:26px}.top-bar strong{font-size:17px}.icon-button,.round-icon{width:var(--tap);height:var(--tap);color:var(--ink);background:#fff;border-radius:50%;place-items:center;display:grid;position:relative}.round-icon i{background:#ff4d4f;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong,b{overflow-wrap:anywhere}h1,h2,h3{word-break:keep-all}h2{letter-spacing:0;font-size:24px;line-height:1.32}h3{letter-spacing:0;font-size:17px;line-height:1.32}.country-grid,.dashboard-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.country-card,.language-card,.profile-card,.country-info-card,.score-card,.date-strip article,.task-card,.job-item,.roadmap-card,.feature-grid article,.analysis-card,.visa-card,.offline-card,.notice-list article,.activity-list article,.source-list article,.learning-summary,.saved-list button,.profile-menu button,.dashboard-grid article,.settings-card{border-radius:var(--radius-md);background:var(--soft);box-shadow:none}.country-card{text-align:left;min-height:96px;padding:15px}.country-card.is-selected{background:var(--action-soft);box-shadow:inset 0 0 0 2px #8f86f72e}.country-card span{margin-bottom:8px;font-size:28px;display:block}.country-card small,.language-card span,.task-card span,.profile-card span,.country-info-card span,.feature-grid p,.job-item p,.offline-card p,.notice-list p,.activity-list p,.source-list p,.settings-card span{color:var(--muted);font-size:14px;line-height:1.55}.language-card{margin-top:20px;padding:18px}.login-hero{gap:16px;margin:40px 0 32px;display:grid}.login-hero p{color:var(--muted);line-height:1.55}.login-options{gap:12px;display:grid}.login-options button{background:var(--soft);min-height:50px;color:var(--ink);border-radius:16px;font-weight:900}.main-screen{padding-bottom:calc(var(--nav-height) + 24px + env(safe-area-inset-bottom,0px))}.home-header{align-items:flex-start;margin-bottom:20px}.home-header p{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:800}.view{display:none}.view.is-visible{gap:16px;display:grid}.page-view{width:100%;max-width:var(--content-width);margin-inline:auto;padding-bottom:18px}.my-page{padding-bottom:96px}.score-card{background:var(--lavender);color:#fff;grid-template-columns:1fr 1fr;width:100%;min-height:188px;padding:20px;display:grid;position:relative;overflow:hidden}.score-card:after{content:"";background:#ffffff2e;border-radius:50%;width:128px;height:128px;position:absolute;top:-28px;right:-26px}.score-card p{color:#ffffffd1;font-weight:800}.score-card strong{color:#fff;z-index:1;font-size:40px;line-height:1;position:relative}.progress-ring{color:#fff;background:conic-gradient(#ffd923 0 var(--pass,72%), #ffffff52 var(--pass,72%) 100%);border-radius:50%;place-items:center;width:62px;height:62px;font-weight:950;display:grid;position:absolute;bottom:18px;right:18px}.progress-ring:after{content:"%";font-size:11px}.mascot-illustration{aspect-ratio:74/58;z-index:2;contain:layout paint;background:radial-gradient(circle at 34% 43%,#5b3b25 0 5%,#0000 6%),radial-gradient(circle at 65% 43%,#5b3b25 0 5%,#0000 6%),linear-gradient(135deg,#fff3d7 0 58%,#c68754 59%);border-radius:50%;width:74px;height:58px;position:absolute;top:50px;right:24px;transform:rotate(-10deg)}.dot-page{justify-content:center;gap:11px;margin-top:-4px;display:flex}.dot-page span{background:#c9c4d5;border-radius:50%;width:5px;height:5px}.dot-page .is-active{background:#fff;border:2px solid #f58aaa;width:9px;height:9px;margin-top:-2px}.date-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.date-strip article{min-height:110px;padding:15px}.date-strip article:first-child{background:var(--pink)}.date-strip article:last-child{background:var(--periwinkle)}.date-strip strong{margin:6px 0;font-size:30px;line-height:1.05;display:block}.task-card{grid-template-columns:1fr 62px;align-items:center;gap:12px;min-height:128px;padding:16px;display:grid}.task-card button{border-radius:50%;width:62px;height:62px;min-height:62px}.section-title h3{margin:0;font-size:19px}.section-title button{min-height:38px;padding:0 16px}.job-list{gap:12px;width:100%;display:grid}.job-item{background:#fff;grid-template-columns:46px 1fr;gap:12px;padding:13px;display:grid;box-shadow:inset 0 0 0 1px #f0f1f6}.job-icon,.feature-grid article>span,.menu-picto{aspect-ratio:1;background:var(--cream);width:46px;height:46px;color:var(--ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.job-icon svg,.feature-grid article>span svg,.menu-picto svg{width:20px;height:20px}.job-item h4{margin:0 0 5px;font-size:14px}.job-actions{gap:8px;margin-top:11px;display:flex}.job-actions button{background:var(--soft);min-height:34px;color:var(--ink);border-radius:12px;padding:0 13px;font-size:12px;font-weight:900}.job-actions button:last-child{background:var(--action-soft);color:var(--action-ink)}.roadmap-card,.offline-card,.analysis-card,.visa-card,.profile-card,.country-info-card{padding:16px}.roadmap-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.roadmap-flow span,.roadmap-flow b{min-height:42px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:16px;place-items:center;padding:0 6px;font-size:12px;display:grid}.roadmap-flow b,.view-title p{color:var(--action-ink)}.feature-grid article{grid-template-rows:46px auto 1fr auto;align-items:start;min-height:184px;padding:15px;display:grid}.feature-grid article:first-child,.dashboard-grid article:first-child{background:var(--pink)}.feature-grid article:nth-child(2),.dashboard-grid article:nth-child(2){background:var(--periwinkle)}.feature-grid article:nth-child(3),.dashboard-grid article:nth-child(3){background:var(--lavender);color:#fff}.feature-grid article:nth-child(3) p{color:#ffffffc7}.feature-grid .wide{grid-column:1/-1}.secondary-action{align-self:end;width:100%;margin-top:14px}.metric-row{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.filter-row{scrollbar-width:none;gap:8px;width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row button{border:1px solid var(--line);background:#fff;border-radius:999px;flex:none;min-height:42px;padding:0 14px}.filter-row .is-selected{background:var(--action-soft);color:var(--action-ink);border-color:#8f86f747}.visa-card{background:#efeafd}.profile-card{background:#efeafd;grid-template-columns:60px 1fr auto;align-items:center;gap:14px;display:grid}.avatar{background:#ffd923;border-radius:50%;place-items:center;width:60px;height:60px;font-size:24px;font-weight:950;display:grid}.profile-icon-button{background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 0 0 1px #f0f1f6}.country-info-card{grid-template-columns:56px 1fr;align-items:center;gap:14px;display:grid}.country-badge{background:var(--cream);border-radius:50%;place-items:center;width:56px;height:56px;font-size:27px;display:grid}.dashboard-grid article{min-height:96px;padding:15px}.dashboard-grid span{color:var(--muted);font-weight:800}.dashboard-grid strong{margin-top:10px;font-size:24px;line-height:1.1;display:block}.saved-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.saved-list button{text-align:left;background:#fff;min-height:54px;padding:0 14px;font-weight:900;box-shadow:inset 0 0 0 1px #f0f1f6}.profile-menu{gap:10px;display:grid}.profile-menu button{text-align:left;background:#fff;grid-template-rows:auto auto;grid-template-columns:42px 1fr;align-items:center;column-gap:12px;min-height:72px;padding:14px;display:grid;box-shadow:inset 0 0 0 1px #f0f1f6}.profile-menu .menu-picto{grid-row:1/3;width:42px;height:42px}.profile-menu small{color:var(--muted)}.offline-card label{align-items:center;gap:10px;font-weight:800;display:flex}.logout-dock{left:var(--space-page-x);right:var(--space-page-x);bottom:calc(var(--nav-height) + 14px + env(safe-area-inset-bottom,0px));z-index:9;color:#e35050;background:#fff;border-radius:18px;justify-content:center;align-items:center;gap:8px;min-height:52px;font-weight:950;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #ffe1e1,0 14px 28px #e350501f}.detail-view{gap:14px}.detail-top{grid-template-columns:44px 1fr 44px;margin-bottom:4px;display:grid}.detail-top strong{text-align:center;font-size:17px}.detail-top span{color:var(--muted);text-align:right;font-size:12px;font-weight:800}.profile-detail{gap:12px;display:grid}.profile-detail .metric-row{background:var(--soft);border:0;border-radius:14px;padding:13px 14px}.danger-action{color:#e35050;background:#fff0f0;border-radius:14px;min-height:48px;font-weight:900}.settings-card{grid-template-columns:1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.settings-card p{color:var(--action-ink);margin:0 0 6px;font-size:12px;font-weight:950}.settings-card h3{margin-bottom:8px}.switch-control{flex:none;width:58px;height:34px;position:relative}.switch-control input{opacity:0;position:absolute;inset:0}.switch-control span{background:#d9dde7;border-radius:999px;transition:background .16s;position:absolute;inset:0}.switch-control span:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .16s;position:absolute;top:4px;left:4px;box-shadow:0 4px 10px #17151d29}.switch-control input:checked+span{background:var(--action)}.switch-control input:checked+span:after{transform:translate(24px)}.notice-list{gap:12px;display:grid}.notice-list article{padding:16px}.notice-list article:nth-child(2){background:var(--pink)}.notice-list article:nth-child(3){background:var(--periwinkle)}.notice-list p{margin:0}.notice-list small{color:var(--action-ink);font-weight:900}.activity-list{gap:12px;display:grid}.activity-list article{grid-template-columns:1fr auto;align-items:start;gap:12px;padding:16px;display:grid}.activity-list article:nth-child(2){background:var(--pink)}.activity-list article:nth-child(3){background:var(--periwinkle)}.activity-list b{margin-bottom:6px;display:block}.activity-list p{margin:0}.activity-list span{min-height:28px;color:var(--action-ink);white-space:nowrap;background:#fff;border-radius:999px;place-items:center;padding:0 10px;font-size:12px;font-weight:950;display:grid}.learning-summary{background:var(--action-soft);padding:18px}.learning-summary p{color:var(--action-ink);margin:0 0 8px;font-size:12px;font-weight:950}.learning-summary h3{margin:0;line-height:1.45}.learning-list article:first-child{background:var(--cream)}.source-list{gap:10px;display:grid}.source-list article{background:#fff;padding:13px 14px;box-shadow:inset 0 0 0 1px #f0f1f6}.source-list b{color:var(--action-ink);margin-bottom:4px;font-size:13px;display:block}.source-list p{margin:0;font-size:12px}.detail-action{flex:none;width:100%;margin-top:2px}.alert-page{gap:16px;padding-bottom:0;display:grid}.alert-top{grid-template-columns:44px 1fr;align-items:center;gap:10px;margin-bottom:2px;display:grid}.alert-top strong{letter-spacing:-.2px;font-size:19px}.alert-summary{border-radius:var(--radius-lg);background:var(--periwinkle);min-height:126px;padding:18px}.alert-summary span{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:900;display:block}.alert-summary strong{margin-bottom:10px;font-size:38px;line-height:1;display:block}.alert-summary p{color:#6f7280;margin:0;line-height:1.5}.alert-list-page{gap:12px;display:grid}.alert-list-page article{background:#f4f5f8;border-radius:20px;grid-template-columns:48px 1fr;align-items:start;gap:13px;padding:16px 42px 16px 14px;display:grid;position:relative}.alert-list-page article:nth-child(2){background:var(--pink)}.alert-list-page article:nth-child(3){background:#fff7df}.alert-icon{aspect-ratio:1;width:48px;height:48px;color:var(--action-ink);background:#fff;border-radius:50%;place-items:center;font-weight:950;display:grid}.alert-list-page small{color:var(--action-ink);margin-bottom:4px;font-size:11px;font-weight:950;display:block}.alert-list-page b{margin-bottom:6px;font-size:16px;display:block}.alert-list-page p{color:var(--muted);margin:0;line-height:1.5}.alert-list-page i{background:#ff4d4f;border-radius:50%;width:8px;height:8px;position:absolute;top:18px;right:18px}.bottom-nav{z-index:10;width:100%;height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));padding:7px 20px calc(13px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-top:1px solid #edf0f5d1;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;transform:none;box-shadow:0 -18px 28px #ffffffeb}.bottom-nav button{color:#d4d8e0;background:0 0;place-items:center;gap:3px;font-size:11px;font-weight:900;display:grid}.bottom-nav button span{place-items:center;width:32px;height:32px;display:grid}.bottom-nav button svg{width:18px;height:18px}.bottom-nav .is-selected{color:var(--action-ink)}.toast{left:16px;right:16px;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:20;color:#fff;background:#211d2ef0;border-radius:16px;place-items:center;min-height:46px;padding:12px 16px;font-size:13px;font-weight:800;display:grid;position:absolute}.admin-shell{background:#f6f5fa;grid-template-columns:250px 1fr;min-height:100vh;display:grid}.admin-shell aside{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:10px;padding:28px;display:flex}.admin-shell aside .logo-type{margin-bottom:24px}.admin-shell aside button{min-height:44px;color:var(--ink);background:0 0;border-radius:14px;align-items:center;gap:10px;padding:0 14px;font-weight:800;display:flex}.admin-shell aside button.is-active,.admin-shell aside button:hover{color:var(--purple);background:#eee9ff}.admin-main{padding:40px}.admin-main h1{margin-bottom:24px;font-size:34px}.admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.admin-grid article,.admin-panel{background:#fff;border-radius:22px;padding:20px}.admin-panel table{border-collapse:collapse;width:100%}.admin-panel td{border-top:1px solid var(--line);padding:16px 10px}.admin-panel td:first-child{color:var(--purple);width:180px;font-weight:900}.eyebrow{color:var(--purple);margin:0 0 8px;font-size:12px;font-weight:900}@media (width>=760px){body{background:var(--backdrop);padding:0}:root{--content-width:350px}.app-shell{width:var(--app-width);height:min(var(--app-height), 100svh);border-radius:0}.screen{height:100%;min-height:0}body:has(.admin-shell){background:#f6f5fa;padding:0;display:block}}@media (width<=760px){.app-shell{width:min(var(--app-width), 100vw);height:min(var(--app-height), 100svh)}.admin-shell{grid-template-columns:1fr}.admin-shell aside{position:static}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main{padding:24px}}@media (width<=380px){:root{--space-page-x:18px;--content-width:calc(100vw - 36px)}.splash-copy h1{font-size:29px}h2{font-size:23px}.score-card strong{font-size:36px}.country-grid,.dashboard-grid,.feature-grid{gap:10px}.task-card{grid-template-columns:1fr 58px}.task-card button{width:58px;height:58px;min-height:58px}}