*{box-sizing:border-box} :root{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#213c33;background:#f6f8f4;font-synthesis:none;--accent:#17634f;--pale:#e9f2ec}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bb771f;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{max-width:1184px;margin:auto;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-1px}.brandmark{background:var(--accent);color:white;border-radius:12px;width:37px;height:37px;display:grid;place-items:center;font-size:31px}.prototype{font-size:14px;color:#765317;background:#f4ecd9;padding:10px 14px;border-radius:8px}.layout{max-width:1120px;margin:28px auto 60px;display:grid;grid-template-columns:1fr 550px;gap:80px;padding:0 24px}aside{padding-top:64px}.eyebrow{font-size:16px;color:#52705e;letter-spacing:2px}h1{font-size:49px;line-height:1.35;letter-spacing:-2px;margin:20px 0}.intro{font-size:22px;line-height:1.7;color:#65766b}.aside-card{margin-top:56px;padding:25px 0;border-top:1px solid #d8e2d6}.round-icon{display:grid;place-items:center;border-radius:50%;background:#e2edde;color:var(--accent);width:42px;height:42px;font-size:24px}.aside-card h2{font-size:21px}.aside-card p{font-size:18px;line-height:1.7;color:#65766b}.privacy{margin-top:30px;font-size:14px;line-height:1.7;color:#647467}main{background:white;border:1px solid #e4e9df;border-radius:28px;padding:30px;box-shadow:0 12px 50px #223e2f06}h2,h3,p{margin-top:0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.date{font-size:17px;color:#68796e;margin-bottom:7px}.page-heading h2{font-size:30px;letter-spacing:-1px;margin:0}.sun{font-size:35px;color:#b78837;background:#f8f2e7;border-radius:50%;width:54px;height:54px;text-align:center;line-height:54px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#f0f3ee;padding:5px;border-radius:16px;gap:5px}.tab{padding:16px 8px;border-radius:12px;background:transparent;color:#607065}.tab strong{font-size:25px;display:block}.tab span{font-size:16px;display:block;margin-top:6px}.tab.active{background:var(--accent);color:#fff;box-shadow:0 3px 8px #163c3315}body.basal{--accent:#65518e;--pale:#f0edf7}.medicine{display:flex;align-items:center;gap:12px;padding:23px 0;border-bottom:1px solid #e9ece5}.medicine-icon{font-size:25px;background:var(--pale);color:var(--accent);width:45px;height:49px;display:grid;place-items:center;border-radius:12px}.medicine strong{font-size:23px;display:block}.medicine div>span{display:block;font-size:16px;color:#66736b;margin-top:5px}.medicine-type{font-size:14px;margin-left:auto;background:var(--pale);color:var(--accent);border-radius:7px;padding:7px 9px;white-space:nowrap}.steps{display:flex;align-items:center;gap:9px;margin:24px 0 28px;color:#718075;font-size:15px}.steps i{flex:1;height:1px;background:#dce3d8}.steps .current{color:var(--accent);font-weight:700}fieldset{padding:0;border:0;margin:0 0 27px}legend,label{font-size:23px;font-weight:700;display:block;margin-bottom:12px}.meals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.meals button{font-size:22px;padding:14px;border:1px solid #dce3d9;border-radius:11px;color:#627369;background:white}.meals .selected{border:2px solid var(--accent);padding:13px;color:var(--accent);background:var(--pale);font-weight:700}.help{font-size:17px;color:#647469;line-height:1.6;margin-bottom:15px}.input-wrap{display:flex;align-items:center;border:2px solid #c9d8ce;border-radius:14px;padding:10px 19px;gap:10px}.input-wrap:focus-within{border-color:var(--accent)}input{width:100%;min-width:0;font-size:44px;font-weight:700;border:0;outline:none;background:transparent;color:#263e34;height:66px}input::placeholder{color:#94a599;font-size:35px}.input-wrap span{font-size:19px;color:#677a6c}.error{color:#a02b2b;font-size:17px;line-height:1.5;margin:8px 0}.error:empty{display:none}.primary{width:100%;border-radius:13px;background:var(--accent);padding:19px 22px;color:white;font-size:24px;font-weight:700;margin-top:20px;display:flex;justify-content:space-between;align-items:center}.primary span{font-size:29px}.example-button{display:block;background:transparent;color:#667a6c;text-decoration:underline;text-underline-offset:4px;padding:19px 5px;font-size:17px;margin:auto;min-height:54px}.recent{border-top:1px solid #e7ece4;margin-top:9px;padding-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h3{font-size:21px;margin:0}.text-button{background:transparent;color:#506a59;padding:13px 0;font-size:16px;min-height:48px;text-align:left}.empty{padding:24px 15px;text-align:center;background:#f7f9f5;border-radius:13px;color:#758174;font-size:18px;line-height:1.7;margin-top:12px}.record{padding:20px 0;border-bottom:1px solid #e7ece4;display:flex;justify-content:space-between;gap:10px}.record strong{font-size:21px}.record small{display:block;color:#66776a;font-size:15px;line-height:1.6;margin-top:4px}.record-value{text-align:right;white-space:nowrap}.record-value b{font-size:24px}footer{text-align:center;color:#788779;font-size:15px;margin-top:28px}#result{background:var(--pale);border:1px solid #ccdbd0;border-radius:16px;padding:23px;margin:12px 0 26px}#result h3{font-size:25px;line-height:1.4;margin:12px 0}#result p{font-size:19px;line-height:1.65}#result .dose{font-size:68px;line-height:1.2;font-weight:800;margin:15px 0}#result .dose span{font-size:27px}.badge{font-size:15px;background:white;border-radius:6px;padding:6px 9px;display:inline-block;color:#675527}#result.urgent{background:#fff0eb;border-color:#ecc0b4}#result.urgent h3{color:#9c3325}.secondary{border:1px solid #bccfc2;border-radius:12px;padding:16px;font-size:20px;background:#fff;color:#294d3b;width:100%;min-height:56px}dialog{width:min(560px,calc(100% - 28px));max-height:85dvh;border:1px solid #d4dfd4;border-radius:20px;padding:25px;color:#213c33}dialog::backdrop{background:#10281f77}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head h2{font-size:25px;margin:0}.dialog-head button{background:#edf2ec;border-radius:50%;width:48px;height:48px;font-size:23px;flex-shrink:0}dialog p,dialog li{font-size:18px;line-height:1.7}dialog p{margin-top:20px}dialog ul{padding-left:23px}dialog li{margin-bottom:12px}#history h2{font-size:30px;margin-top:20px}#export{margin-top:25px}@media(max-width:850px){.layout{grid-template-columns:minmax(0,550px);justify-content:center;margin-top:5px;gap:0;padding:0 16px}aside{display:none}.topbar{max-width:582px;padding:20px 20px;flex-wrap:wrap;gap:12px}.prototype{width:100%;font-size:14px;text-align:center}main{padding:24px;border-radius:22px}}@media(max-width:390px){.layout{padding:0 8px}main{padding:18px}.steps{gap:5px;font-size:14px}.medicine-type{display:none}.tab strong{font-size:23px}legend,label{font-size:22px}.topbar{padding:16px}.brand{font-size:22px}}

.baseline-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;background:#f5f7f3;padding:9px 15px;margin-top:20px;font-size:18px}.baseline-row strong{color:var(--accent);margin-left:5px}.baseline-row button{background:white;border:1px solid #cbd8cb;border-radius:9px;min-height:48px;padding:10px 14px;font-size:17px;color:#365b43}

.time-details{margin-top:18px;color:#506a59}.time-details summary{font-size:18px;cursor:pointer;padding:10px 0;min-height:48px}.time-details label{margin-top:10px;font-size:18px}input[type=date],input[type=datetime-local],select{font:inherit;font-size:18px;height:54px;border:1px solid #becfc0;border-radius:9px;width:100%;padding:8px;color:#254735;background:white}#injection-form>label{margin-top:22px}.check-line{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:500;line-height:1.6;margin:20px 0}.check-line input{width:26px;height:26px;flex-shrink:0;accent-color:var(--accent)}.notice{background:#f9f0dc;padding:15px;border-radius:10px;color:#795b20;font-size:18px;line-height:1.65}.history-filters{display:grid;grid-template-columns:1fr 1fr;gap:14px}.history-filters label{font-size:17px;margin:0}.history-filters input,.history-filters select{margin-top:8px}.table-scroll{overflow-x:auto;border:1px solid #dce5da;border-radius:12px;max-width:100%;margin-top:15px}table{border-collapse:collapse;min-width:960px;width:100%;font-size:17px;text-align:left}caption{text-align:left;padding:16px;font-weight:700;color:#496451}th{background:#edf3ed;white-space:nowrap}th,td{padding:15px;border-bottom:1px solid #dde6dc;line-height:1.7}td small{display:block;color:#657667;font-size:14px}td button,.record button{background:#e9f2ec;border:1px solid #c1d2c4;border-radius:8px;min-height:48px;color:#26523d;font-size:17px;padding:10px}.export-actions{display:grid;gap:12px;margin:24px 0 15px}.export-actions #export{margin:0}.record{flex-wrap:wrap}.record .record-action{flex-basis:100%}.record-action button{width:100%}button:disabled{opacity:.5;cursor:default}#storage-message{margin-top:20px}#install-message{font-size:16px;margin-top:12px}main{min-width:0}#history{min-width:0}@media(min-width:1000px){body.history-open .layout{grid-template-columns:1fr}body.history-open aside{display:none}body.history-open main{width:100%}}

#correction-form>input{border:1px solid #becfc0;border-radius:9px;font-size:22px;padding:10px;height:56px}#correction-form>label{margin-top:18px;font-size:20px}td button+button{margin-left:8px}#result>.secondary{margin-top:14px}

.tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:8px}.tabs .tab{min-width:0;padding:16px 3px}.tabs .tab strong{font-size:22px;white-space:nowrap}.tabs .tab span{font-size:15px}.tabs #history-tab.active{background:#355c72}@media(max-width:390px){.tabs{gap:3px}.tabs .tab strong{font-size:20px}.tabs .tab span{font-size:14px}}

/* 보호자 기록표: 주사 입력 화면의 큰 글씨와 독립적인 조밀한 표 */
#history{padding-top:14px}#history h2{font-size:22px;margin:10px 0}#history .help{font-size:14px;line-height:1.6}#history .history-filters{gap:12px;grid-template-columns:1fr 1fr 1fr}#history .history-filters label{font-size:14px}#history .history-filters input,#history .history-filters select{font-size:14px;height:42px;padding:7px}#history .check-line{font-size:14px;margin:14px 0}#history .check-line input{width:20px;height:20px}#history table{font-size:14px;min-width:840px;font-variant-numeric:tabular-nums}#history caption{font-size:14px;padding:12px}#history th,#history td{padding:9px 12px;line-height:1.5}#history th{font-size:13px}#history tbody tr:nth-child(even){background:#f8faf7}#history td:nth-child(3),#history td:nth-child(4),#history td:nth-child(5){white-space:nowrap;text-align:right}#history td:nth-child(1),#history td:nth-child(6){min-width:142px}#history td button{font-size:13px;min-height:36px;padding:6px 9px}#history .export-actions{grid-template-columns:1fr 1fr}#history .secondary{font-size:15px;min-height:44px;padding:11px}#history #back{font-size:15px}@media(max-width:500px){#history .history-filters{grid-template-columns:1fr 1fr}#history .export-actions{grid-template-columns:1fr}}

.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0 12px}.range-buttons{display:flex;gap:7px}.range-buttons button{padding:9px 15px;min-height:40px;border:1px solid #d4dfd6;border-radius:8px;background:#fff;color:#536a5a;font-size:14px;white-space:nowrap}.range-buttons button.selected{background:#355c72;border-color:#355c72;color:white;font-weight:700}#history .kind-control{margin:0}#history .kind-control select{font-size:14px;height:40px;padding:7px 10px;min-width:125px}.history-range-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.history-range-meta p{font-size:13px;color:#62766a;margin:0;line-height:1.5}#history .history-range-meta .check-line{margin:0;white-space:nowrap;font-size:13px}#history #custom-range{grid-template-columns:1fr 1fr;padding:14px;background:#f5f8f4;border-radius:10px;margin:12px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.table-scroll-hint{margin:12px 0 0}@media(min-width:1000px){.table-scroll-hint{display:none}}@media(max-width:600px){.history-toolbar{align-items:stretch;flex-direction:column;gap:9px}.range-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.range-buttons button{padding:9px 5px;font-size:14px}.history-range-meta{align-items:flex-start;flex-direction:column;gap:10px}#history .kind-control select{width:auto;min-width:130px}}