:root{--accent:#176c5a;--accent2:#278771;--bg:#f6f7fb;--gold:#ba781b;--soft:#eaf6f1;--muted:#65716f;--line:#e1e8e5;--native-ad-height:0px}
body{background:#f6f7fb;color:#213b35;padding-bottom:calc(var(--native-ad-height) + env(safe-area-inset-bottom,0px));font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif}
.wrap{max-width:1060px;padding:20px 24px 0}.app-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;padding-top:env(safe-area-inset-top,0px)}.brand{display:flex;gap:10px;align-items:center;font-weight:850;text-decoration:none;color:#173c38;font-size:20px;white-space:nowrap}.brand img{border-radius:10px}.header-tools{display:flex;align-items:center;gap:10px}.connection{font-size:11px;color:#486d5d;border-radius:99px;padding:6px 10px;background:#e4f1e8;white-space:nowrap}.icon-btn{border:1px solid var(--line);border-radius:13px;background:white;width:44px;height:44px;cursor:pointer;font-size:21px;color:#315e53}.compact{min-height:40px;padding:8px 12px;font-size:12px}.card{border-radius:24px;border:1px solid #e1e8e5;box-shadow:0 8px 30px #253d3106;padding:24px}.welcome{border-radius:20px;background:#173c38;color:#fff9eb;padding:30px 34px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px;overflow:hidden}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#23765e}.welcome .eyebrow{color:#a4dbc7}.welcome h1{font-size:clamp(27px,4vw,42px);line-height:1.27;margin:10px 0 12px;letter-spacing:-.04em}.welcome p{color:#bbd5c9;font-size:13px;line-height:1.65;margin:0}.welcome-mark{font-family:"Batang",serif;font-size:94px;line-height:1;background:#244d43;border:1px solid #396b58;border-radius:24px;width:160px;height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;color:#f6ca72;transform:rotate(5deg)}.welcome-mark span{font-family:system-ui;font-size:12px;color:#cae2d3;margin-top:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.section-heading h2{font-size:18px;margin:0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.field label{font-size:12px;color:#577468}.field select{background:#fafcfb;border-radius:12px;font-size:13px}.actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.actions .btn{text-align:left;font-size:13px;min-height:52px;line-height:1.4}.actions .btn.kid-main{background:#fff1d7;color:#895915;font-size:13px;border:1px solid #f3ddb0}.actions .btn.primary{background:#176c5a}.actions .btn.good{background:#e8f2ff;border:1px solid #cfdff0;color:#2c5c80}.summary{margin-top:22px}.summary>div{background:#fafcfb}.summary b{color:#1d6351}.official-profile{margin-top:16px}.official-desc,.notice,.info{line-height:1.65}.official-profile-head{flex-wrap:wrap}.practice-head h2{margin:6px 0}.danger{color:#a53131;border-color:#e9bbbb;background:#fff5f4}.btn:focus-visible,.choice:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #efb64e;outline-offset:3px}.btn,.choice,.kid-game-btn{touch-action:manipulation}.app-footer{max-width:1060px;margin:24px auto 20px;padding:0 24px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-size:10px;color:#6f8179}.app-footer a{color:#527b6a}.toast{position:fixed;z-index:99;bottom:calc(20px + var(--native-ad-height));left:50%;transform:translateX(-50%);background:#173c38;color:white;border-radius:14px;padding:12px 18px;font-size:13px;max-width:90vw;box-shadow:0 6px 24px #0002}.visually-hidden{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
dialog{border:1px solid #dae3dd;border-radius:24px;width:min(92vw,500px);max-height:85dvh;padding:25px;color:#213b35;box-shadow:0 25px 80px #102f3333}dialog::backdrop{background:#10292280;backdrop-filter:blur(4px)}dialog h2{font-size:21px;margin:10px 0}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-actions,.settings-actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.settings-actions{flex-direction:column}.settings-actions label{text-align:center}.small{font-size:12px;line-height:1.7}.dialog-actions .btn{flex:1}.web-ad{text-align:center;background:white;border-top:1px solid #e1e8e5;padding:8px;margin-top:20px;min-height:110px}.web-ad>span{display:block;font-size:10px;color:#7c857f}.adsbygoogle{display:block}.insight-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.metric{padding:18px 12px;border:1px solid var(--line);border-radius:16px;background:#fafcfb}.metric b{display:block;font-size:27px;color:#176c5a;margin-bottom:4px}.metric span{font-size:11px;color:var(--muted)}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.insight-card{border:1px solid var(--line);border-radius:17px;padding:18px;min-width:0}.insight-card h3{font-size:15px;margin:0 0 14px}.trend{display:flex;align-items:stretch;gap:8px;height:140px;padding-top:10px}.trend-day{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;gap:6px;font-size:10px;color:#5f7468}.trend-bar{background:#b2d9c9;min-height:3px;border-radius:6px 6px 0 0}.trend-day strong{font-size:10px;font-weight:700}.analysis-row{margin:11px 0;font-size:12px}.analysis-row>div{display:flex;justify-content:space-between;gap:8px}.analysis-bar{margin-top:7px;background:#edf2ef;height:7px;border-radius:99px;overflow:hidden}.analysis-bar i{display:block;height:100%;background:#278771;border-radius:99px}.weak-tags{display:flex;gap:8px;flex-wrap:wrap}.weak-tag{background:#fff5e3;border:1px solid #eed8ac;padding:10px;border-radius:12px;min-width:65px;text-align:center}.weak-tag b{display:block;font-size:26px;font-family:"Batang",serif}.weak-tag span{font-size:10px;color:#806339}.recommend-card{margin:20px 0;background:#eaf6f1;border:1px solid #b9ddcf;border-radius:17px;padding:20px;line-height:1.65}.recommend-card p{margin:5px 0 12px;font-size:13px}.empty{background:#fafcfb;border:1px dashed #cbd9d1;border-radius:17px;padding:26px;text-align:center;font-size:13px;line-height:1.8;color:#687d70}.history-list{margin-top:20px}.history-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6}.history-row span{color:#6f8177}.kid-controls .kec-official-note{font-size:12px}
@media(max-width:720px){.wrap{padding:14px 12px 0}.card{padding:16px;border-radius:20px}.app-header{margin-bottom:17px}.brand{font-size:16px;gap:8px}.header-tools{gap:6px}.connection{font-size:10px;padding:5px 7px}.welcome{padding:22px 20px;gap:12px;margin-bottom:20px}.welcome-mark{width:96px;height:130px;font-size:66px;border-radius:18px}.welcome-mark span{font-size:10px}.welcome h1{font-size:27px}.welcome p{font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.actions{grid-template-columns:repeat(2,minmax(0,1fr))}.actions>.btn{flex:unset}.actions .btn{font-size:12px;padding:10px}.actions .btn.kid-main{font-size:12px}.insight-summary{grid-template-columns:repeat(2,1fr)}.insight-grid{grid-template-columns:1fr}.kid-room .kec-official-note{font-size:11px}.section-heading .btn{font-size:11px;padding:8px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.question,.paper-question{font-size:18px}.summary span{font-size:10px}.practice-actions{gap:7px}.practice-actions .btn{font-size:13px;min-width:100px}.paper-nav button{min-height:44px}.official-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-grid{grid-template-columns:1fr}.official-profile-head b{font-size:14px}.brand img{width:31px;height:31px}.choice{min-height:56px;font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.app-header,.welcome,.app-footer,.web-ad,#insights,dialog,.toast,#updateNotice,#resumeQuizNotice{display:none!important}}

@media(max-width:720px){.welcome{padding:20px 18px;gap:10px}.welcome h1{font-size:24px}.welcome-mark{width:80px;height:122px;font-size:60px}}