@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#343bcb;--ink:#20242e;--muted:#808591;--line:#e9ebef;--bg:#f7f8fa;--lime:#d7f75b}*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;letter-spacing:-.035em}button,input,select{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,label:focus-within,input:focus-visible,select:focus-visible{outline:3px solid #85a1ff;outline-offset:4px}button{border:0;background:none;color:inherit}h1,h2,h3,p{margin:0}small{font-size:12px}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);padding:33px 22px;display:flex;flex-direction:column;z-index:30}.brand{font-size:25px;font-weight:900;display:flex;align-items:center;gap:8px;letter-spacing:-1.3px}.brand-icon{display:inline-flex;width:33px;height:33px;background:var(--blue);color:white;border-radius:12px;align-items:center;justify-content:center;font-size:22px}.beta{font-size:9px;letter-spacing:.04em;color:var(--blue);align-self:flex-start;margin-top:4px}.workspace{display:flex;align-items:center;gap:11px;padding:17px 12px;border:1px solid var(--line);border-radius:12px;margin:36px 0}.workspace b,.profile b{font-size:14px}.workspace small,.profile small{display:block;color:var(--muted);margin-top:5px}.store-icon{font-size:23px;color:#727986;background:#f4f5f8;padding:5px 10px;border-radius:9px}.nav-label{font-size:12px;color:#9296a0;padding-left:13px;margin-bottom:13px}nav{display:flex;flex-direction:column;gap:9px}nav a{display:flex;align-items:center;gap:13px;padding:14px;border-radius:10px;color:#717784;font-size:14px;font-weight:600}nav a span{font-size:22px;line-height:1}nav a.active{color:var(--blue);background:#eef2ff}.sidebar-bottom{margin-top:auto;padding-top:50px}.demo-card{background:#f8f9fb;padding:18px 16px;border-radius:12px}.tag{display:inline-block;color:var(--blue);font-size:10px;letter-spacing:.09em;font-weight:700}.demo-card b{display:block;font-size:14px;margin:12px 0 7px}.demo-card p{font-size:12px;color:var(--muted);line-height:1.8}.profile{margin-top:24px;display:flex;align-items:center;gap:10px}.avatar{background:#f0f2f6;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:14px;font-weight:600}.profile-dot{width:7px;height:7px;border-radius:50%;background:#82b899;margin-left:auto}.main-shell{margin-left:238px;width:calc(100% - 238px);min-width:0;display:flex;flex-direction:column}.topbar{height:76px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 42px;font-size:12px;color:#808692}.slash{padding:0 13px;color:#c3c6cd}.prototype{background:#f5f6f8;border-radius:20px;padding:7px 12px;font-size:11px}main{padding:46px 42px 26px;max-width:1450px;width:100%;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--blue);font-weight:800;margin-bottom:12px}h1{font-size:clamp(25px,2.2vw,34px);font-weight:700;letter-spacing:-.06em;line-height:1.45}.blue{color:var(--blue)}.page-heading p{font-size:14px;color:#8a8f99;margin-top:9px}.integration{font-size:12px;display:flex;align-items:center;gap:10px;white-space:nowrap;background:white;border:1px solid var(--line);padding:11px 14px;border-radius:10px;color:var(--muted)}.integration b{font-size:14px;color:var(--ink)}.tiny-badge{font-size:10px;color:#858b99;background:#f3f4f7;padding:3px 6px;border-radius:4px}.steps{list-style:none;display:flex;margin:0 0 25px;padding:18px 28px;background:white;border:1px solid var(--line);border-radius:12px;gap:16px}.steps li{flex:1;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#adb1bc;position:relative}.steps li:not(:last-child):after{content:'›';position:absolute;right:16px;font-size:19px;color:#cbd0d9}.steps li>span{border-radius:50%;width:25px;height:25px;background:#f1f3f6;display:grid;place-items:center;font-size:11px}.steps li.current{color:var(--blue);font-weight:700}.steps li.current>span{background:var(--blue);color:#fff}.steps li.done{color:#465570}.steps li.done>span{background:#eaf1ff;color:var(--blue)}.order-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:17px;padding:25px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}h2{font-size:17px;letter-spacing:-.05em;font-weight:700}.neutral{font-size:10px;letter-spacing:0;background:#f5f6f8;color:#9499a4;padding:5px 8px;border-radius:5px}.dropzone{border:1.5px dashed #cdd6eb;border-radius:12px;background:#fbfcff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:294px;cursor:pointer;transition:.2s;padding:25px;text-align:center}.dropzone:hover,.dropzone.dragover{border-color:var(--blue);background:#f1f5ff}.upload-icon{width:49px;height:49px;border:1px solid #e1e7f7;background:#fff;border-radius:15px;display:grid;place-items:center;font-size:29px;color:var(--blue);margin-bottom:18px;box-shadow:0 5px 10px #343bcb07}.dropzone h3{font-size:17px}.dropzone p{font-size:12px;color:#969da9;margin:9px 0 20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:12px 21px;font-size:14px;font-weight:600;min-height:44px}.primary{background:var(--blue);color:#fff;box-shadow:0 4px 9px #343bcb14}.primary:hover{background:#292fa8}.secondary{background:#f2f4f8;color:#626b7c}.dropzone small{font-size:10px;margin-top:13px;color:#a1a7b1}.or-divider{display:flex;align-items:center;gap:15px;font-size:11px;color:#a1a5af;margin:21px 0}.or-divider:before,.or-divider:after{content:'';height:1px;background:var(--line);flex:1}.sample-note{width:100%;text-align:left;background:#f7f8fa;border-radius:10px;padding:15px;display:flex;align-items:center;gap:16px;border:1px solid transparent}.sample-note:hover{border-color:#c7d5ff}.note-mini{flex-shrink:0;background:white;border:1px solid #e4e6ed;box-shadow:2px 3px 0 #eaedf3;width:51px;padding:5px;transform:rotate(-7deg);font-size:7px;color:#748098;line-height:1.8}.note-mini span{font-size:6px}.sample-note b{font-size:13px}.sample-note p{font-size:11px;color:#8d94a0;margin-top:7px}.round-arrow{margin-left:auto;flex-shrink:0;width:27px;height:27px;background:white;border:1px solid #e4e7ed;display:grid;place-items:center;border-radius:50%;color:#737c91}.companion-panel{border-radius:17px;border:1px solid #e0e6fb;background:#eff3ff;display:flex;align-items:center;flex-direction:column;padding:26px 20px;position:relative;overflow:hidden}.companion-label{font-size:11px;color:#647399;display:flex;align-items:center;gap:7px}.status-light{width:6px;height:6px;background:var(--blue);border-radius:50%}.mascot-space{height:240px;width:100%;display:grid;place-items:center}.speech{font-size:14px;line-height:1.9;text-align:center;background:white;border:1px solid #e0e7fa;border-radius:15px;padding:17px 20px;position:relative;max-width:100%}.speech:before{content:'';position:absolute;top:-7px;left:50%;width:12px;height:12px;background:white;transform:rotate(45deg);border-left:1px solid #e0e7fa;border-top:1px solid #e0e7fa}.speech b{font-weight:600}.companion-foot{margin-top:auto;padding-top:34px;font-size:10px;color:#93a1c0;letter-spacing:.04em}.bottom-note{font-size:11px;color:#8e96a4;display:flex;align-items:center;gap:7px;margin:22px 0}.bottom-note>span:first-child{color:#7c899f}.right-note{margin-left:auto;color:#a5aab3;font-size:10px}footer{margin:auto 42px 0;border-top:1px solid var(--line);padding:23px 0;font-size:10px;color:#a2a7b0;display:flex;gap:5px}footer span{margin-left:auto}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,15px);background:#242c40;color:#fff;border-radius:12px;padding:14px 22px;z-index:100;opacity:0;pointer-events:none;transition:.2s;font-size:14px;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.quiet{font-size:12px;color:var(--blue)}
@media(min-width:1500px){main{padding-top:65px}.order-layout{grid-template-columns:1.6fr 1fr}.dropzone{min-height:335px}.mascot-space{height:290px}}
@media(max-width:1100px){.sidebar{width:200px;padding:28px 16px}.main-shell{margin-left:200px;width:calc(100% - 200px)}main{padding:32px 25px}.topbar{padding:0 25px}.order-layout{gap:16px;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr)}.panel{padding:20px}.sample-note{padding:12px;gap:10px}.steps{padding:17px}.steps li:not(:last-child):after{right:5px}.right-note{display:none}.integration{display:none}}
@media(max-width:760px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:76px;padding:0;background:#fff;border:0;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.sidebar>.brand,.workspace,.nav-label,.sidebar-bottom{display:none}nav{flex-direction:row;gap:0;height:100%}nav a{flex:1;flex-direction:column;justify-content:center;gap:7px;padding:8px 2px;font-size:11px;border-radius:0}nav a.active{background:white}nav a span{font-size:22px}.main-shell{margin-left:0;width:100%;padding-bottom:76px}.topbar{height:60px;padding:0 20px;font-size:11px}.prototype{font-size:9px;padding:6px 9px}main{padding:27px 18px 18px}.eyebrow{font-size:9px}h1{font-size:25px}.page-heading{margin-bottom:24px}.page-heading p{font-size:12px;line-height:1.8;margin-top:6px}.steps{padding:14px 11px;gap:7px;margin-bottom:16px}.steps li{font-size:10px;gap:5px}.steps li>span{width:21px;height:21px;flex-shrink:0;font-size:10px}.steps li:not(:last-child):after{display:none}.order-layout{display:flex;flex-direction:column}.panel{padding:20px 16px;border-radius:14px}.panel-title{margin-bottom:17px}h2{font-size:16px}.dropzone{min-height:270px;padding:20px 12px}.dropzone h3{font-size:16px}.sample-note b{font-size:12px}.sample-note p{font-size:10px}.companion-panel{flex-direction:row;min-height:130px;padding:15px;gap:10px}.companion-label,.companion-foot{display:none}.mascot-space{width:86px;height:86px;flex-shrink:0}.speech{font-size:11px;line-height:1.8;padding:12px;flex:1}.speech:before{top:50%;left:-7px;transform:rotate(-45deg)}.bottom-note{font-size:10px;line-height:1.7;margin:16px 0}footer{margin:0 18px;font-size:9px;padding:18px 0}footer span{display:none}}
/* Character motion: elastic compression with a transparent asset. */
.mascot-button{width:205px;height:205px;display:block;padding:0;position:relative;flex-shrink:0;animation:float 4.8s ease-in-out infinite;transform-origin:50% 82%}.mascot-button img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 17px 9px #2144a313);animation:squish 4.8s ease-in-out infinite;transform-origin:50% 82%;user-select:none}.mascot-button.working{animation:work 1.1s infinite cubic-bezier(.45,0,.3,1)}.mascot-button.working img{animation:work-squish 1.1s infinite}.mascot-button.thinking{animation:think 3s ease-in-out infinite}.mascot-button.done{animation:celebrate 2.5s infinite}.mascot-button.hello{animation:greeting 1.2s ease-in-out!important}.mascot-button.small{width:80px;height:80px}.mascot-button.small img{filter:none}
@keyframes float{0%,100%{transform:translateY(4px) rotate(-4deg)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes squish{0%,100%{transform:scale(1.07,.94)}45%{transform:scale(.95,1.04)}70%{transform:scale(1.01,.98)}}@keyframes work{0%,100%{transform:translateY(8px) rotate(-9deg)}45%{transform:translateY(-18px) rotate(8deg)}70%{transform:translateY(0) rotate(3deg)}}@keyframes work-squish{0%,100%{transform:scale(1.2,.82)}40%{transform:scale(.88,1.13)}70%{transform:scale(1.08,.95)}}@keyframes think{0%,100%{transform:rotate(-12deg) scale(1.03,.97)}50%{transform:rotate(8deg) scale(.97,1.03)}}@keyframes celebrate{0%,65%,100%{transform:translateY(0) scale(1.06,.95)}25%{transform:translateY(-22px) scale(.92,1.09) rotate(10deg)}40%{transform:translateY(0) scale(1.15,.85)}}@keyframes greeting{0%,100%{transform:scale(1)}25%{transform:scale(1.3,.65) rotate(-12deg)}55%{transform:scale(.8,1.18) translateY(-25px) rotate(14deg)}75%{transform:scale(1.1,.9)}}
.processing-panel{min-height:480px;padding:32px}.processing-panel h2{font-size:23px;margin-top:13px}.progress-number{font-size:60px;font-weight:800;letter-spacing:-.07em;color:var(--blue);margin:24px 0 10px}.progress-number span{font-size:22px;margin-left:4px}progress{width:100%;height:8px;border:0;border-radius:20px;overflow:hidden;background:#e9effe}progress::-webkit-progress-bar{background:#e9effe}progress::-webkit-progress-value{background:var(--blue);border-radius:20px;transition:width .3s}progress::-moz-progress-bar{background:var(--blue)}.process-list{display:grid;gap:18px;margin:27px 0;font-size:14px;color:#b3bac7}.process-list>div{display:flex;gap:12px}.process-list .active{color:#435679}.demo-explainer{color:#939bab;font-size:12px;line-height:1.8;margin:18px 0}.review-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr);gap:20px}.count{font-size:13px;margin-left:5px;color:var(--blue);background:#edf2ff;padding:3px 7px;border-radius:5px}.text-button{font-size:14px;color:var(--blue);padding:6px 0}.notice{padding:12px 14px;font-size:14px;border-radius:8px;line-height:1.6}.warning{background:#fff8e7;color:#9b7222}.success{background:#f0f8e7;color:#55752f}.table-head{display:grid;grid-template-columns:1fr 132px 100px;font-size:12px;color:#969dab;border-bottom:1px solid var(--line);padding:20px 0 12px}.order-row{display:grid;grid-template-columns:minmax(0,1fr) 132px 100px;align-items:center;gap:8px;padding:22px 0;border-bottom:1px solid var(--line)}.medicine{display:flex;align-items:center;gap:10px;min-width:0}.medicine b{font-size:14px}.medicine p{font-size:12px;color:#959dab;margin-top:6px;line-height:1.7}.med-icon{display:flex;align-items:center;justify-content:center;width:32px;height:36px;border-radius:9px;background:#f0f4ff;color:#708ac7;font-size:23px;flex-shrink:0}.quantity{display:flex;align-items:center;gap:0}.quantity button{border:1px solid var(--line);height:32px;width:26px;padding:0;background:#fafbfe}.quantity button:first-child{border-radius:6px 0 0 6px}.quantity button:nth-child(3){border-radius:0 6px 6px 0}.quantity input{width:35px;height:32px;border:1px solid var(--line);border-left:0;border-right:0;text-align:center;font-size:14px;padding:0;-moz-appearance:textfield}.quantity input::-webkit-inner-spin-button{appearance:none}.quantity small{margin-left:5px;color:#939baa;font-size:12px}.row-status{display:flex;align-items:center;justify-content:space-between;gap:4px}.matched{color:#849292;font-size:12px;white-space:nowrap}.confirm-pill{font-size:12px;background:#fff5df;border:1px solid #f0d798;border-radius:5px;padding:8px 5px;color:#9e7424}.remove-row{color:#a6acb8;font-size:18px;padding:5px}.match-label{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;color:#9b7222;margin-top:10px}.match-label select{max-width:100%;font-size:12px;border:1px solid #ead5a5;border-radius:5px;padding:4px;background:#fff}.review-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.review-bottom>span{font-size:12px;color:#8a92a2}.original-note{padding:20px}.original-note h2{font-size:14px}.paper-note{border:1px solid #e6e5dd;background:repeating-linear-gradient(#fffefb 0px,#fffefb 32px,#eae8df 33px);padding:18px 15px 25px;transform:rotate(-2deg);line-height:33px;font-family:'Noto Sans KR',sans-serif;font-size:14px;box-shadow:1px 5px 13px #13204108;color:#63708b}.paper-date{font-size:12px;line-height:1.5;margin-bottom:15px;color:#9a9ba6}.paper-note p{transform:rotate(-1deg)}.paper-note .unclear{background:#ffe99866}.paper-note>span{font-size:12px;display:block;margin-top:10px;color:#97a087}.mini-companion{display:flex;align-items:center;margin-top:30px;gap:5px}.mini-companion .speech{font-size:12px;padding:13px}.mini-companion .speech:before{top:50%;left:-7px;transform:rotate(-45deg)}.uploaded-photo{max-width:100%;max-height:300px;object-fit:contain;border-radius:7px}.cart-list>div{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);gap:10px}.cart-list b{font-size:14px}.cart-list p{font-size:12px;color:#8e96a5;margin-top:6px}.cart-list strong{font-size:19px;color:#344568;white-space:nowrap}.cart-list small{font-weight:400;font-size:13px}.final-check{display:flex;align-items:flex-start;gap:9px;padding:23px 0;font-size:13px;color:#68748b;line-height:1.7}.final-check input{width:17px;height:17px;accent-color:var(--blue);flex-shrink:0;margin-top:3px}.action-row{display:flex;gap:12px}.action-row .primary{flex:1}.data-strip{display:flex;gap:16px;align-items:center;font-size:12px;color:#959daa;border-bottom:1px solid var(--line);padding:0 0 23px;margin-bottom:26px}.data-strip b{color:#67768e;margin-right:5px}.data-strip>span:last-child{margin-left:auto}.usage-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:28px}.medicine-search{padding:20px 14px;align-self:start}.medicine-search h2{padding:0 5px 18px}.searchbox{display:flex;gap:10px;align-items:center;border:1px solid #e3e7ef;border-radius:8px;padding:10px 12px;background:#fafbfd}.searchbox>span{font-size:24px;color:#8190ac;line-height:1}.searchbox input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:14px;color:var(--ink)}input::placeholder{color:#a0a7b4}.list-caption{font-size:12px;color:#9ca3b1;padding:20px 7px 9px}.medicine-result{display:flex;align-items:center;text-align:left;width:100%;border-radius:10px;padding:16px 9px;gap:9px;border:1px solid transparent}.medicine-result.selected{background:#f0f4ff;border-color:#e1e8fc}.medicine-result b{font-size:13px;font-weight:600}.medicine-result small{display:block;color:#99a2b2;font-size:12px;margin-top:7px}.result-arrow{margin-left:auto;color:#a6b5d3}.sample-caption{font-size:12px;line-height:1.7;color:#a0a7b3;border-top:1px solid var(--line);padding:18px 5px 0;margin-top:16px}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.detail-heading h2{font-size:25px;margin-top:8px}.detail-heading p{color:#919baa;font-size:12px;margin-top:8px}.pill-tag{color:var(--blue);background:#edf2ff;border-radius:20px;padding:7px 10px;font-size:12px;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat-card{background:white;padding:20px;border:1px solid var(--line);border-radius:13px}.stat-card>span{font-size:13px;color:#8b95a6}.stat-card>b{display:block;font-size:30px;letter-spacing:-.055em;font-weight:700;margin:14px 0 9px}.stat-card:first-child{border-top:3px solid var(--blue);padding-top:18px}.stat-card:first-child>b{color:var(--blue)}.stat-card small{font-size:14px;font-weight:400;color:#8b95a6;margin-left:5px}.stat-card p{font-size:12px;color:#9fa6b3}.chart-panel{padding:25px 22px}.segmented{display:flex;gap:4px;background:#f3f5f9;border-radius:7px;padding:3px}.segmented button{font-size:12px;padding:7px 12px;border-radius:5px;color:#929bac}.segmented button.active{background:white;color:var(--blue);box-shadow:0 1px 4px #1320480d}.chart-unit{font-size:12px;color:#a0a9b8;margin:10px 0}.chart{display:block;width:100%;overflow:visible}.chart text{font-family:inherit;font-size:12px;fill:#9ba6b8}.chart .point-label{fill:#526caa;font-weight:600}.chart-footer{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#909daf}.chart-footer i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:7px}.chart-footer .text-button{font-size:12px}.insight-note{display:flex;align-items:center;gap:15px;padding:18px 10px 0}.insight-note .mascot-button{width:62px;height:62px}.insight-note p{font-size:14px;color:#697b96;line-height:1.9}.insight-note p span{font-size:12px;color:#969faf}.import-dialog{border:1px solid var(--line);border-radius:18px;max-width:480px;width:calc(100% - 30px);padding:28px;box-shadow:0 20px 100px #1022492b}.import-dialog::backdrop{background:#1f2c4755;backdrop-filter:blur(4px)}.import-dialog p{font-size:14px;color:#8691a3;line-height:1.8}.close-dialog{font-size:24px;color:#949dac}.import-fields{background:#f6f8fc;padding:15px;border-radius:8px;margin:20px 0;display:grid;gap:13px}.import-fields>div{display:flex;justify-content:space-between;font-size:14px}.import-fields span{color:#929eb2}.import-dialog>small{font-size:12px;color:#a3aab7;display:block;line-height:1.8}.import-dialog>.button{width:100%;margin-top:20px}.assist-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:25px}.chat-panel{display:flex;flex-direction:column;min-height:620px;max-height:760px}.assistant-title{display:flex;align-items:center;gap:11px}.assistant-title .brand-icon{background:#eff3ff;color:var(--blue);width:38px;height:38px}.assistant-title h2{font-size:15px}.assistant-title small{display:block;font-size:12px;color:#9ba5b6;margin-top:6px}.chat-panel>.panel-title{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:0}.chat-history{min-height:310px;flex:1;overflow:auto;overscroll-behavior:contain;padding:24px 0;scroll-behavior:smooth}.chat-welcome{display:flex;flex-direction:column;align-items:center;padding:5px 0 0;text-align:center}.chat-welcome .mascot-button{height:140px;width:140px;margin-bottom:22px}.chat-welcome h2{font-size:20px}.chat-welcome p{font-size:13px;color:#a0a8b6;line-height:1.9;margin-top:12px}.suggestions{display:flex;gap:9px;margin-top:25px;width:100%}.suggestions button{border:1px solid #e4e9f3;border-radius:10px;flex:1;text-align:left;padding:13px 10px;font-size:12px;line-height:1.7;display:flex;flex-wrap:wrap;gap:5px}.suggestions button span{color:var(--blue);font-weight:600}.suggestions b{margin-left:auto;color:#97a8c9;font-weight:400}.command-chips{display:flex;gap:6px;flex-wrap:wrap;padding:14px 0 11px}.command-chips button{font-size:11px;padding:7px 8px;border:1px solid var(--line);border-radius:6px;color:#9ca5b4}.command-chips b{color:#6d83b5;font-weight:500}.chat-input{display:flex;align-items:center;gap:10px;border:1px solid #dbe3f6;border-radius:12px;padding:10px;background:#fafbff}.chat-input input{border:0;outline:0;min-width:0;flex:1;background:transparent;font-size:14px;padding:5px}.send-button{background:var(--blue);color:white;border-radius:8px;width:34px;height:34px;flex-shrink:0;font-size:21px}.chat-disclaimer{font-size:12px;color:#a8afbb;text-align:center;margin-top:13px}.stock-panel{padding:23px 19px;align-self:start}.stock-panel h2{font-size:16px}.stock-filter{display:flex;gap:5px;flex-wrap:wrap;padding:15px 0 5px}.stock-filter button{background:#f6f8fb;border-radius:5px;padding:6px 8px;font-size:11px;color:#8d99ac}.stock-filter button.active{background:#edf2ff;color:var(--blue)}.stock-product{display:block;width:100%;text-align:left;padding:19px 0;border-bottom:1px solid var(--line)}.stock-product-head{display:flex;justify-content:space-between;align-items:center;color:#9aa7b9;font-size:12px;margin-bottom:12px}.stock-category{background:#f5f7fa;padding:4px 6px;border-radius:4px;font-size:11px;color:#99a2b2}.stock-product-head b{color:#596e96;font-weight:500}.stock-product h3{font-size:15px;font-weight:600}.stock-product>p{font-size:12px;color:#96a0b2;margin-top:7px}.product-location{font-size:12px;color:#96a3b9;display:flex;margin-top:15px}.product-location span{margin-left:auto;color:var(--blue)}.stock-foot{font-size:12px;line-height:1.8;color:#a1abba;display:flex;gap:6px;margin-top:19px}.user-message{background:#edf2ff;padding:13px 17px;border-radius:13px 13px 3px 13px;margin-left:auto;width:fit-content;max-width:90%;font-size:14px;color:#455f9f;overflow-wrap:anywhere}.assistant-message{padding:24px 0;font-size:14px;line-height:1.8}.answer-kicker{font-size:12px;color:var(--blue)}.assistant-message h3{font-size:17px;margin-top:10px}.answer-checklist{display:grid;gap:18px;margin:22px 0}.answer-checklist>div{display:flex;gap:14px}.answer-checklist>div>span{color:#8fa1c8;font-size:12px;background:#f1f5fc;border-radius:6px;padding:3px 7px;height:27px}.answer-checklist b{font-size:14px;font-weight:500}.answer-checklist p{color:#98a2b4;font-size:13px;margin-top:5px}.answer-source{border-top:1px solid var(--line);padding-top:13px;font-size:12px;color:#99a6ba}.inline-product{margin:13px 0;padding:14px;background:#f7f9fc;border-radius:10px;display:flex;align-items:center;gap:10px;justify-content:space-between}.inline-product small{display:block;color:#94a0b3;font-size:12px;margin-top:5px}.inline-product>span{font-size:13px;color:var(--blue);white-space:nowrap}.assistant-message>p{font-size:13px;color:#98a2b4}.empty{text-align:center;font-size:14px;line-height:1.9;color:#97a1b3;padding:32px 5px}
/* Readable Korean typography, including compact labels. */
.beta,.tag,.tiny-badge,.nav-label,.prototype,.eyebrow,.companion-label,.companion-foot,.dropzone small,.or-divider,.sample-note p,.bottom-note,.right-note,footer,.neutral,.stock-category,.stock-filter button,.command-chips button{font-size:12px}.sample-note b,.dropzone p,.steps li,nav a,.medicine-result b,.stat-card>span,.suggestions button{font-size:14px}.workspace small,.profile small,.demo-card p{font-size:12px}.demo-card .tag{font-size:10px}.note-mini{font-size:7px}.note-mini span{font-size:6px}.steps{gap:18px}.steps li:not(:last-child):after{right:8px}.companion-foot{font-size:12px}.page-heading p{font-size:15px}.speech{font-size:15px}.dropzone p{font-size:14px}.sample-note p{line-height:1.8}.sample-note{gap:13px}
@media(max-width:1200px){.review-grid{grid-template-columns:minmax(0,1fr)}.review-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.original-note{max-width:450px}.usage-layout{grid-template-columns:225px minmax(0,1fr);gap:18px}.stat-card{padding:16px 12px}.stat-card:first-child{padding-top:14px}.stat-card>b{font-size:25px}.assist-layout{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr);gap:16px}.stock-panel{padding:20px 15px}.assistant-title small{max-width:170px;line-height:1.6}.chat-panel{padding:20px}.suggestions{flex-direction:column}.suggestions button{padding:9px 12px}.steps li{font-size:12px}}
@media(max-width:960px) and (min-width:761px){.order-layout{grid-template-columns:1fr}.companion-panel{flex-direction:row;padding:18px;gap:12px}.companion-label,.companion-foot{display:none}.mascot-space{height:100px;width:100px}.mascot-space .mascot-button{width:95px;height:95px}.speech{flex:1}.usage-layout{grid-template-columns:1fr}.medicine-results{display:grid;grid-template-columns:1fr 1fr}.medicine-search{padding:18px}.sample-caption{display:none}.assist-layout{grid-template-columns:1fr}.stock-panel{width:100%}.review-aside{grid-template-columns:1fr}.page-heading{flex-wrap:wrap}}
@media(max-width:760px){.mascot-space .mascot-button{width:86px;height:86px}.speech{font-size:13px}.companion-foot{display:none}.steps{gap:5px}.steps li{font-size:12px;gap:5px;line-height:1.5}.steps li>span{width:21px;height:21px}.steps li:not(:last-child):after{display:none}.prototype{font-size:10px}.page-heading{flex-wrap:wrap;gap:15px}.page-heading p{font-size:14px}.page-heading>.button{padding:9px 13px;font-size:12px}.eyebrow{font-size:10px}.sidebar nav a{font-size:12px}.sample-note p{font-size:12px}.sample-note b{font-size:13px}.bottom-note{font-size:12px}.right-note{display:none}.processing-panel{padding:25px;min-height:430px}.processing-panel h2{font-size:22px}.review-grid,.review-aside,.usage-layout,.assist-layout{display:flex;flex-direction:column;gap:18px}.review-aside .original-note{max-width:none}.mini-companion{margin:0}.review-aside{flex-direction:column-reverse}.table-head{display:none}.order-row{grid-template-columns:1fr 110px;gap:15px;padding:19px 0}.order-row .medicine{grid-column:1 / -1}.row-status{justify-content:flex-end;gap:18px}.quantity button{width:32px;height:36px}.quantity input{height:36px;width:38px}.medicine b{font-size:15px}.review-bottom{flex-direction:column;align-items:stretch;gap:15px}.review-bottom>.button{width:100%;font-size:14px}.review-bottom>span{font-size:12px}.notice{font-size:13px}.final-check{font-size:13px}.cart-list strong{font-size:20px}.data-strip{gap:9px;flex-wrap:wrap;font-size:12px;margin-bottom:20px;padding-bottom:15px}.data-strip>span:last-child{margin-left:0;font-size:10px}.medicine-search{padding:18px 14px}.medicine-results{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px}.medicine-result{min-width:220px;flex:1;padding:13px 8px}.medicine-result b{font-size:13px}.list-caption{padding:12px 5px 9px}.sample-caption{display:none}.usage-detail{min-width:0}.detail-heading{margin-bottom:20px}.detail-heading h2{font-size:22px}.stat-grid{gap:8px}.stat-card{padding:15px 10px;border-radius:10px}.stat-card:first-child{padding-top:13px}.stat-card>span{font-size:12px;white-space:nowrap}.stat-card>b{font-size:24px;margin:14px 0 9px}.stat-card small{font-size:12px;margin-left:3px}.stat-card p{font-size:12px;line-height:1.7}.chart-panel{padding:20px 14px}.chart-panel h2{font-size:15px}.segmented button{padding:6px 9px;font-size:12px}.chart text{font-size:18px}.chart{margin-top:15px}.chart-footer{font-size:12px}.chart-footer .text-button{font-size:12px}.insight-note{gap:10px}.insight-note p{font-size:13px}.insight-note .mascot-button{width:53px;height:53px}.insight-note p span{font-size:12px}.chat-panel{padding:18px 14px;min-height:560px;max-height:700px}.chat-panel .panel-title{gap:5px}.assistant-title{gap:8px}.assistant-title small{font-size:12px;max-width:none}.assistant-title h2{font-size:14px}.chat-history{min-height:280px;max-height:420px}.chat-welcome .mascot-button{width:115px;height:115px;margin-bottom:18px}.chat-welcome h2{font-size:19px}.chat-welcome p{font-size:13px}.suggestions{margin-top:20px;flex-direction:row;gap:8px}.suggestions button{font-size:12px;padding:10px;display:block}.suggestions b{display:none}.command-chips{gap:5px}.command-chips button{font-size:12px;padding:7px 6px}.chat-input input{font-size:14px}.stock-panel{width:100%;padding:22px 18px}.stock-product h3{font-size:16px}.stock-product>p{font-size:14px}.stock-filter button{font-size:12px}.stock-category{font-size:12px}.send-button{width:38px;height:38px}.chat-disclaimer{font-size:12px;line-height:1.7}#toast{bottom:90px;width:max-content;font-size:13px;line-height:1.6}.upload-panel .neutral{font-size:10px}.speech{padding:12px}.bottom-note{align-items:flex-start}.bottom-note>span:first-child{margin-top:2px}.topbar{gap:6px}.topbar #breadcrumb{font-size:12px}.topbar .slash{padding:0 7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.assist-mobile-tabs{display:none}.assistant-title .mascot-button{width:42px;height:42px}.assistant-title .mascot-button img{filter:none}.chat-history{scrollbar-width:thin}.dropzone{outline-offset:4px}
@media(max-width:760px){.assist-mobile-tabs{display:flex;background:#eaf0fc;border-radius:10px;padding:4px;gap:4px;margin-bottom:18px}.assist-mobile-tabs button{flex:1;font-size:14px;padding:11px 8px;border-radius:7px;color:#8b99b2}.assist-mobile-tabs button.active{background:white;color:var(--blue);box-shadow:0 2px 4px #234b9909}.assist-layout[data-tab=chat] .stock-panel,.assist-layout[data-tab=stock] .chat-panel{display:none}.chat-panel{min-height:460px}.chat-welcome .mascot-button{width:85px;height:85px;margin-bottom:12px}.chat-welcome h2{font-size:18px}.chat-welcome p{margin-top:9px}.chat-history{min-height:240px;padding:20px 0 8px}.suggestions{margin-top:18px}.chat-welcome{padding:0}.command-chips{gap:4px}.command-chips button{font-size:12px;padding:7px 6px}.command-chips button{flex:1;white-space:nowrap}.command-chips button{font-size:0}.command-chips button b{font-size:12px}.chart-unit{margin-bottom:5px}}
.usage-layout,.usage-detail,.medicine-search{min-width:0}.medicine-search{width:100%}
@media(max-width:760px){.medicine-search{align-self:stretch}.medicine-results{width:100%;max-width:100%}.usage-detail{width:100%}}

/* Mochi: retain volume, settle onto the base, then gently rebound. */
@keyframes float{0%,100%{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}
@keyframes squish{0%,100%{transform:scale(1.035,.97)}45%{transform:scale(.98,1.025)}70%{transform:scale(1.01,.99)}}
@keyframes work{0%,100%{transform:translateY(7px) rotate(-2deg)}42%{transform:translateY(-13px) rotate(2deg)}72%{transform:translateY(5px) rotate(0deg)}}
@keyframes work-squish{0%,100%{transform:scale(1.1,.9)}40%{transform:scale(.94,1.07)}70%{transform:scale(1.08,.92)}85%{transform:scale(.98,1.02)}}
@keyframes greeting{0%,100%{transform:scale(1)}22%{transform:scale(1.17,.82)}52%{transform:scale(.92,1.09) translateY(-16px)}73%{transform:scale(1.08,.93)}88%{transform:scale(.99,1.02)}}