/* Shared visual system: pharmacy workshop. No external character assets. */
:root{--blue:#395ce8;--ink:#25324a;--dim:#62718b;--muted:#62718b;--line:#dfe6f1;--bg:#eef2f8;--paper:#fff;--surface:#e7edf7;--sticker:#e4ecff;--lime:#e4ecff;--accent:#e4ecff;--mono:ui-monospace,SFMono-Regular,monospace;--pet:#3d5bdf;--pet-edge:#2946bd;--pet-line:#253fa9;--pet-eyes:#fff;--ws-top:#f8faff;--ws-front:#cbd8ef;--ws-side:#adbfe0}
:root[data-mascot-color=ivory]{--pet:#e8e5dc;--pet-edge:#c3c0b5;--pet-line:#a7a396;--pet-eyes:#536079}
:root[data-mascot-color=orange]{--pet:#e77b50;--pet-edge:#bd542e;--pet-line:#a84828}
:root[data-mascot-color=teal]{--pet:#289b93;--pet-edge:#14746e;--pet-line:#12655e}
body{font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR',sans-serif;font-size:14px;letter-spacing:-.025em;background:var(--bg);color:var(--ink);line-height:1.6}
[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,input,select,textarea,a{touch-action:manipulation}button{transition:background .16s,color .16s,box-shadow .16s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8ca5ff;outline-offset:3px}input,select,textarea{color:var(--ink);accent-color:var(--blue)}input::placeholder,textarea::placeholder{color:#75839a}
h1{font-size:30px;letter-spacing:-.045em;line-height:1.3;font-weight:700}h2{font-size:19px;letter-spacing:-.035em}h3{letter-spacing:-.025em}.app{min-height:100dvh}.sidebar{width:208px;inset:0 auto 0 0;padding:30px 16px 20px;border-right:1px solid var(--line);background:var(--paper);gap:0}.brand{padding:0 12px;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.wordmark{font-size:27px;color:var(--blue);font-weight:800;letter-spacing:-1.6px}.brand-caption{font-size:10px;font-weight:500;color:var(--dim);letter-spacing:1px;line-height:1.5}.brand-caption br{display:none}.workspace{border:0;background:var(--bg);padding:12px 10px;margin:30px 0 25px;border-radius:12px;gap:10px}.workspace b{font-size:13px}.workspace small{font-size:11px}.store-icon{font-size:18px;background:var(--paper);color:var(--blue);padding:6px 10px}.nav-label{font-size:11px;padding-left:12px;color:var(--dim);margin-bottom:9px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a,.sidebar nav .appearance-trigger{display:flex;align-items:center;gap:11px;min-height:45px;width:100%;padding:12px;border:0;border-radius:10px;background:transparent;color:var(--dim);font-size:13px;text-align:left;font-weight:500}.sidebar nav a span{font-size:11px;letter-spacing:.05em;min-width:20px}.sidebar nav a:hover,.sidebar nav .appearance-trigger:hover{background:var(--bg)}.sidebar nav a.active,.sidebar nav .appearance-trigger.active{background:var(--sticker);color:var(--blue)}.sidebar nav .appearance-trigger:after{content:'설정';font-size:13px}.sidebar nav .appearance-trigger svg{width:19px;height:19px}.sidebar-bottom{padding-top:30px}.demo-card{background:var(--bg);border:0;border-radius:12px;padding:14px}.demo-card b{font-size:12px;margin:5px 0}.demo-card p{font-size:11px;line-height:1.7;color:var(--dim)}.profile{margin-top:15px}.profile b{font-size:12px}.profile small{font-size:11px}.profile-dot{width:28px;height:28px;border-radius:8px;background:var(--surface)}.profile-dot:before{content:'↗';font-size:13px}.main-shell{margin-left:208px;width:calc(100% - 208px)}.topbar{min-height:68px;height:auto;padding:16px 32px;background:var(--paper);font-size:12px;gap:12px;flex-wrap:wrap;justify-content:flex-start}.topbar #agentPill{margin-left:auto}.prototype{font-size:11px;padding:6px 10px;background:var(--bg);white-space:nowrap}.prototype.on{color:#27816b!important}.prototype.off{color:#936524!important}main{padding:32px;max-width:1440px}footer{margin:15px 32px 0;padding:18px 0;color:var(--dim);font-size:10px;gap:12px}.button{border-radius:10px;min-height:42px;padding:10px 17px;font-size:13px;box-shadow:none}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:#2c4cc8}.button.secondary{background:var(--paper);border:1px solid var(--line);color:var(--ink)}.text-button{font-size:12px;color:var(--blue);padding:9px 0}.panel{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:24px;box-shadow:0 8px 24px #203d8b04}.panel-title{gap:12px;flex-wrap:wrap}.page-heading{margin-bottom:24px;gap:18px}.page-heading h1{font-size:30px}.page-heading p{font-size:13px;line-height:1.7;color:var(--dim);margin-top:8px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px}.heading-character .mascot-button{width:76px;height:65px}.tag{font-size:10px}.notice{font-size:13px;border-radius:10px}.warning{background:#fff4df;color:#856023}.success{background:#eaf6ef;color:#32704d}.count,.rbadge{border-radius:6px;font-size:11px}.steps{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 20px;margin-bottom:24px}.steps li{font-size:12px}.steps li.current{font-weight:600}.steps li>span{border-radius:8px}.review-grid{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.review-aside{display:flex;flex-direction:column;gap:16px}.review-aside .companion-panel{padding:18px}.review-aside .mascot-space{height:100px}.companion-panel{border:0;background:var(--surface);border-radius:16px}.companion-label{font-size:11px}.companion-foot{display:none}.speech{background:var(--paper);border:0;box-shadow:none;font-size:13px;padding:12px 16px}.speech:before{border:0}.order-row{padding:18px 0;grid-template-columns:minmax(0,1fr) 118px 96px}.medicine{align-items:flex-start}.med-icon{background:var(--surface);color:var(--blue)}.name-input,.unit-input,.match-sel{max-width:100%;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--paper)}.name-input{font-weight:600;width:100%}.match-line,.unit-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.unit-input{font-size:12px;width:100%}.med-body{min-width:0;flex:1}.match-sel{font-size:12px;min-width:0}.uchip{font-size:11px;border:1px solid var(--line);border-radius:6px;padding:4px 7px}.uchip.on{background:var(--sticker);color:var(--blue)}.rbadge{font-size:11px;padding:3px 6px;background:var(--bg);color:var(--dim)}.rbadge.ok{color:#32704d;background:#eaf6ef}.rbadge.warn{color:#856023;background:#fff4df}.dm-date-row{display:flex;flex-wrap:wrap;gap:15px;margin:18px 0;font-size:12px}.dm-date-row input,.dm-date-row select{border:1px solid var(--line);border-radius:8px;padding:6px}.original-note .uploaded-photo{width:100%;max-height:340px}.paper-note{transform:none;background:var(--bg);border:0;box-shadow:none;border-radius:10px}.review-bottom{gap:12px}.quantity button{background:var(--bg)}.cart-list>div{padding:15px 0}.cart-list b{font-size:13px}.cart-list p{color:var(--dim);font-size:12px}.cart-list strong{font-size:18px}.cart-order-head{flex-wrap:wrap}.cart-order .action-row{flex-wrap:wrap;margin-top:16px}.cart-order .hint{font-size:12px;color:var(--dim)}progress{accent-color:var(--blue);width:100%;height:7px}.job-progress{display:flex;align-items:center;gap:8px;font-size:11px;max-width:450px;flex-wrap:wrap}.jp-bar{width:48px;height:5px;background:var(--surface);border-radius:4px;overflow:hidden}.jp-bar i{display:block;height:100%;background:var(--blue)}.jp-msg{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gate{background:radial-gradient(ellipse at 30% 30%,#dbe5ff,transparent 60%),var(--bg)!important}.gate-card{border-radius:22px!important;box-shadow:0 24px 65px #233c7612!important}.gate-brand{color:var(--blue)!important}.gate-sub{font-size:13px}.settings-layout{gap:22px}.settings-pane{border-radius:16px!important}.settings-tabs{gap:6px!important}.settings-tab{font-weight:500!important;font-size:13px!important;border-radius:10px!important}.settings-tab.active{background:var(--sticker)!important;color:var(--blue)!important}.settings-pane-title{font-size:21px!important}.settings-pane-sub{color:var(--dim)!important}.appearance-preview{background:var(--bg);border-radius:18px}.dm-card{border-radius:14px}.dm-stat-num{font-size:32px!important}.dm-table th{font-weight:500!important}.dm-table td{font-size:13px}.dm-filter{font-size:12px!important}.team-row{padding:14px 0!important}
/* One consistent CSS character, including all expression/color settings. */
body .mascot-button{position:relative;display:inline-grid;place-items:center;width:116px;height:100px;padding:12px 5px;border:0;background:none;box-shadow:none;animation:none;isolation:isolate;flex-shrink:0;transform:none;container-type:inline-size}
body .mascot-button.small{width:56px;height:48px;padding:6px 3px}
body .mascot-button .mascot-body{display:block;position:relative;width:100%;height:auto;aspect-ratio:43/31;background:var(--pet);border-radius:50% 50% 43% 43%;box-shadow:inset 0 -14cqw 0 var(--pet-edge),0 8cqw 16cqw #203d8b16;transform:rotate(-8deg);animation:none;filter:none}
body .mascot-button .mascot-body:after{content:'';position:absolute;left:7%;top:36%;width:86%;height:13%;border-bottom:2cqw solid var(--pet-line);border-radius:0 0 50% 50%;transform:rotate(-12deg)}
body .mascot-button .css-eyes{position:absolute;left:28%;top:13%;display:flex;gap:0;width:40%;height:18%;justify-content:space-between}
body .mascot-button .css-eyes i{display:block;width:10%;min-width:0;flex-shrink:0;height:100%;border-radius:5cqw;background:var(--pet-eyes)}
/* One proportional face at every size: no small/large geometry overrides. */
body .mascot-button[data-expression=blink] .css-eyes i,body .mascot-button[data-expression=sleepy] .css-eyes i{height:20%;margin-top:20%}
body .mascot-button[data-expression=happy] .css-eyes i{height:55%;border-radius:8cqw 8cqw 2cqw 2cqw}body .mascot-button[data-expression=wink] .css-eyes i:last-child{height:20%;margin-top:15%}body .mascot-button[data-expression=surprised] .css-eyes i{width:14%;border-radius:50%}
body .mascot-button.working .mascot-body{animation:ws-breathe 2.4s ease-in-out infinite}body .mascot-button.hello .mascot-body{animation:ws-greet .6s ease-out}
/* Workbench */
.ws-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:25px}.ws-kicker{display:block;font-size:10px;letter-spacing:1.6px;color:var(--blue);margin-bottom:9px}.ws-heading h1{font-size:29px}.ws-heading p{margin-top:9px;font-size:13px;color:var(--dim)}.ws-actions{display:flex;gap:8px}.ws-home{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px}.ws-world{background:radial-gradient(ellipse at 50% 68%,#d6e1f4,transparent 68%);border-radius:20px;padding:22px 16px 15px;min-height:370px}.ws-world-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--dim);font-size:11px;padding:0 6px}.ws-status{background:var(--paper);padding:4px 8px;border-radius:20px;white-space:nowrap}.ws-stations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:5px 0 24px}.ws-station{display:flex;flex-direction:column;align-items:center;border-radius:14px;padding:8px 0 16px;min-width:0;transition:background .2s,transform .2s}.ws-station:hover{background:#ffffff88;transform:translateY(-3px)}.ws-station b{font-size:14px;margin-top:10px;font-weight:600}.ws-station small{display:block;font-size:11px;color:var(--dim);margin-top:5px}.ws-model{position:relative;width:105px;height:160px;perspective:550px;display:block}.ws-desk{position:absolute;left:4px;bottom:13px;width:96px;height:66px;background:var(--ws-top);border-radius:7px;transform:rotateX(55deg) rotateZ(-32deg);box-shadow:-1px 2px 0 var(--ws-front),-2px 4px 0 var(--ws-front),-3px 6px 0 var(--ws-front),-4px 8px 0 var(--ws-front),-5px 10px 0 var(--ws-side),-6px 12px 0 var(--ws-side),-7px 14px 0 var(--ws-side),-8px 16px 0 var(--ws-side),-9px 18px 0 var(--ws-side),-10px 20px 0 var(--ws-side),-12px 28px 16px #14234b22}.ws-mini-note{position:absolute;left:29px;top:1px;width:39px;height:52px;background:#fff;border:1px solid var(--line);border-radius:3px;box-shadow:3px 3px 0 var(--ws-front);padding:10px 6px}.ws-mini-note:after{content:'';display:block;height:25px;background:repeating-linear-gradient(to bottom,#718de9 0 2px,transparent 2px 7px)}.ws-monitor{position:absolute;left:20px;top:58px;width:67px;height:49px;border:5px solid #fff;border-radius:7px;background:var(--blue);transform:skewY(14deg);box-shadow:4px 3px 0 var(--ws-front);color:#fff;font-size:24px;text-align:center}.ws-monitor:after{content:'';position:absolute;width:7px;height:16px;left:24px;top:44px;background:var(--ws-front)}.ws-mini-box{position:absolute;width:42px;height:44px;left:32px;top:73px;background:var(--ws-front);transform:skewY(13deg);border-radius:4px;box-shadow:12px -7px 0 var(--ws-side)}.ws-mini-box:after{content:'';position:absolute;width:19px;height:7px;left:11px;top:12px;background:#fff;border-radius:2px}.ws-world-foot{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding:15px 5px 0}.ws-world-foot b{font-size:12px;font-weight:500}.ws-world-foot p{font-size:11px;color:var(--dim);margin-top:4px}.ws-inbox{border-radius:18px;background:var(--paper);padding:24px;box-shadow:0 10px 30px #24396308}.ws-inbox h2{margin-bottom:16px}.ws-inbox>.button{width:100%;margin-top:20px}.ws-inbox>.text-button{width:100%;margin-top:6px}.ws-task{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:16px 0;border-bottom:1px solid var(--line)}.ws-task b{font-size:12px;font-weight:600}.ws-task small{display:block;font-size:11px;color:var(--dim);margin-top:4px}.ws-badge{font-size:10px;color:var(--blue);background:var(--sticker);padding:3px 6px;border-radius:5px;white-space:nowrap}.ws-badge.failed{color:#936524;background:#fff4df}.ws-muted{color:var(--dim);font-size:13px}.ws-empty{padding:22px 0;color:var(--dim);line-height:1.8}.ws-empty b,.ws-empty h2{color:var(--ink);font-size:15px}.ws-empty p{font-size:12px;margin:10px 0 16px}.ws-tools{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.ws-tools>button{display:flex;align-items:center;gap:15px;padding:20px;border-radius:14px;background:var(--paper);text-align:left}.ws-tools>button>span:last-child{margin-left:auto;color:var(--dim)}.ws-tools b{font-size:13px;font-weight:600}.ws-tools small{display:block;margin-top:4px;color:var(--dim);font-size:11px}.ws-tool-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--surface);color:var(--blue);font-size:23px}
/* Reception: original image appears only in the existing review form. */
.ws-reception{padding:15px 0 32px}.ws-reading-scene{position:relative;max-width:620px;height:320px;margin:auto;background:radial-gradient(ellipse at 50% 78%,var(--ws-front),transparent 66%)}.ws-floor{position:absolute;left:50%;top:219px;width:280px;height:76px;background:var(--ws-top);transform:translateX(-50%) skewX(24deg) rotate(-5deg);border-radius:22px;box-shadow:0 10px 0 var(--ws-front),0 19px 22px #203d8b19}.ws-reading-pet{position:absolute;left:calc(50% - 139px);top:159px;z-index:2}.ws-upload-slot,.ws-paper-place{position:absolute;left:calc(50% + 10px);top:60px;width:122px;height:172px;transform:rotate(-6deg);z-index:3}.ws-upload-slot{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px;border:2px dashed var(--ws-side);border-radius:12px;background:#ffffff55;text-align:center}.ws-upload-slot:hover,.ws-upload-slot.dragover{background:var(--sticker);border-color:var(--blue)}.ws-upload-slot>span{font-size:28px;color:var(--blue)}.ws-upload-slot b{font-size:14px}.ws-upload-slot small{font-size:11px;color:var(--dim)}.ws-note{position:relative;width:100%;height:100%;background:#fff;border:5px solid #fff;border-radius:8px;box-shadow:4px 5px 0 var(--ws-front),0 12px 22px #203d8b18;padding:16px 10px;overflow:hidden}.ws-note b{font-size:10px;letter-spacing:1.5px;color:var(--blue)}.ws-note i{display:block;height:5px;background:var(--line);margin-top:14px;border-radius:4px}.ws-note i:nth-child(3){width:70%}.ws-note i:nth-child(5){width:55%}.ws-scan{position:absolute;top:10px;left:0;right:0;height:2px;background:#6b96ff;box-shadow:0 -9px 15px 8px #729cff33;animation:ws-scan 2.5s ease-in-out infinite}.ws-scene-copy{text-align:center;padding:0 15px;min-height:65px}.ws-scene-copy h2{font-size:20px;margin-bottom:8px}.ws-scene-copy p{font-size:12px;color:var(--dim);line-height:1.8;overflow-wrap:anywhere}.ws-center{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px}.is-reading .ws-paper-place{animation:ws-paper-arrive .6s cubic-bezier(.22,.7,.3,1)}
/* Cart is a projection of cart_jobs, never a timer-driven success animation. */
.ws-cart-view{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.ws-cart-panel{background:var(--paper);border-radius:18px;padding:22px;min-width:0}.ws-order-label{display:grid;gap:8px;color:var(--dim);font-size:11px}.ws-order-label select{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;padding:10px;background:var(--paper);font-size:12px}.ws-cart-scene{height:310px;position:relative;max-width:620px;margin:auto;background:radial-gradient(ellipse at 50% 78%,var(--ws-front),transparent 68%);overflow:hidden}.ws-cart-pet{position:absolute;left:calc(50% - 138px);top:161px;z-index:4}.ws-cart-pet .mascot-button{width:98px;height:90px}.ws-shelf{position:absolute;left:calc(50% - 106px);top:57px;width:150px;height:88px;border:6px solid #fff;border-bottom:9px solid var(--ws-front);border-radius:12px;background:var(--sticker);box-shadow:5px 6px 0 var(--ws-side);display:flex;justify-content:space-evenly;align-items:flex-end;padding:10px 8px}.ws-pack{display:block;position:relative;width:29px;height:43px;background:#fff;border-radius:4px;box-shadow:inset -6px 0 0 var(--ws-front),2px 2px 0 var(--ws-side)}.ws-pack:before{content:'';position:absolute;left:5px;right:9px;top:13px;height:5px;background:var(--blue);border-radius:2px}.ws-pack:after{content:'';position:absolute;left:5px;right:11px;top:23px;height:3px;background:var(--ws-front);border-radius:2px}.ws-shelf .ws-pack:nth-child(2){height:35px}.ws-shelf .ws-pack:nth-child(3){height:48px}.ws-shelf .ws-pack.is-selected{outline:2px solid var(--blue);outline-offset:4px}.ws-sweep{position:absolute;top:7px;bottom:4px;left:9px;width:30px;border-radius:5px;background:#7698ff22;border-inline:1px solid #7698ff88;opacity:0}.ws-cart-theatre[data-state=search] .ws-sweep{opacity:1;animation:ws-shelf-search 1.4s ease-in-out infinite}.ws-basket{position:absolute;left:calc(50% + 35px);top:184px;width:94px;height:64px;z-index:2}.ws-basket-rim{position:absolute;left:0;top:0;width:94px;height:29px;background:var(--ws-side);border:6px solid var(--ws-front);border-radius:50%}.ws-basket-front{position:absolute;left:1px;right:1px;top:14px;height:46px;background:linear-gradient(115deg,var(--ws-front),var(--ws-side));border-radius:3px 3px 19px 19px;box-shadow:inset 0 4px 0 var(--ws-top),4px 5px 0 var(--ws-side);z-index:5}.ws-basket-front:after{content:'';position:absolute;left:14px;right:14px;top:14px;height:19px;background:repeating-linear-gradient(90deg,transparent 0 10px,var(--ws-top) 10px 13px);opacity:.6}.ws-basket-front:before{content:'';position:absolute;left:16px;bottom:-13px;width:9px;height:9px;border-radius:50%;background:var(--ws-side);box-shadow:49px 0 0 var(--ws-side)}.ws-stack{position:absolute;inset:0;z-index:3}.ws-stack .ws-pack{position:absolute;left:12px;top:-9px;transform:rotate(-11deg);width:25px;height:38px;opacity:0}.ws-stack .ws-pack:nth-child(2){left:36px;top:-16px;transform:rotate(7deg)}.ws-stack .ws-pack:nth-child(3){left:60px;top:-12px;transform:rotate(-5deg)}.ws-stack .ws-pack.is-added{opacity:1}.ws-flying{position:absolute;left:0;top:0;z-index:6;pointer-events:none}.ws-flight-shadow{position:absolute;left:0;top:239px;width:32px;height:9px;background:#213e7033;border-radius:50%;filter:blur(3px)}.ws-cart-bubble{position:absolute;left:calc(50% - 130px);top:147px;z-index:5;background:var(--paper);color:var(--blue);padding:5px 11px;border-radius:9px;font-size:10px}.ws-cart-check{position:absolute;left:calc(50% + 68px);top:128px;background:var(--paper);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:19px;z-index:7;box-shadow:0 5px 13px #203d8b11}
/* Remaining workspaces share the same typography and surfaces. */
.order-view-tabs{display:flex;gap:7px;margin-bottom:24px}.order-view-tabs button{border:1px solid var(--line);border-radius:9px;padding:8px 14px;font-size:12px;background:var(--paper)}.order-view-tabs button[aria-pressed=true]{background:var(--sticker);color:var(--blue)}.history-heading h1{font-size:29px!important}.history-layout{gap:20px!important}.history-calendar,.history-record{border:1px solid var(--line)!important;border-radius:16px;background:var(--paper)!important;box-shadow:none!important}.history-calendar{padding:22px!important;transform:none!important}.history-day{border-radius:9px!important;font-size:13px!important}.history-day[aria-pressed=true]{background:var(--sticker)!important;color:var(--blue)!important}.history-record summary{padding:18px!important}.history-record-body{padding:0 18px 18px}.history-status{border-radius:6px;font-size:11px!important}.ready-strip{border-radius:12px;background:var(--paper);padding:15px;margin-bottom:22px;border:1px solid var(--line)}.ready-chip{border-radius:8px}.usage-db-header h1,main[data-page=usage] .usage-db-header h1{font-size:28px}.usage-db-search{border-radius:10px;background:var(--paper)!important}.usage-table-scroll{border:1px solid var(--line);border-radius:14px;background:var(--paper)}.usage-table th{background:#f8faff;font-size:11px}.usage-table td{font-size:13px}.usage-db .usage-drawer{border-radius:16px}.usage-drawer .stat-card,.stat-card{border-radius:12px;border:1px solid var(--line);background:var(--bg);transform:none!important}.stat-card:first-child{border-top:1px solid var(--line)}.usage-db .usage-drawer .chart-panel{border-radius:12px}.usage-drawer-close{border-radius:9px}.counter-search-page{max-width:1100px;margin:auto}.counter-search-hero{padding-top:28px!important}.counter-search-hero h1,.counter-search-page h1{font-size:32px!important;letter-spacing:-.045em!important;line-height:1.35!important}.counter-search-form,.counter-search-form>div{border-radius:14px!important;border-color:var(--line)!important;background:var(--paper)!important}.counter-search-form button{border-radius:10px!important;background:var(--blue)!important;color:#fff!important}.counter-search-form input{font-size:16px!important}.counter-product,.counter-product-card,.counter-empty-summary,.counter-research-card,.conversation-panel,.product-editor{border-radius:16px!important;border-color:var(--line)!important;background:var(--paper)!important}.counter-search-page button{border-radius:9px}.counter-search-kicker,.counter-search-help{color:var(--dim)!important}.conversation-header{border-bottom:1px solid var(--line)!important}.conversation-answer h3{font-size:19px}.product-editor input,.product-editor select,.product-editor textarea{border-radius:8px}.counter-search-page .mascot-button{filter:none}.counter-search-page .counter-register-button{border:1px solid var(--line);background:var(--paper);color:var(--blue)}
@keyframes ws-breathe{50%{transform:translateY(-5px) rotate(-6deg)}}@keyframes ws-greet{30%{transform:scale(1.06,.94) rotate(-8deg)}65%{transform:translateY(-6px) rotate(-5deg)}}@keyframes ws-scan{50%{transform:translateY(130px)}}@keyframes ws-shelf-search{50%{transform:translateX(84px)}}@keyframes ws-paper-arrive{from{opacity:0;translate:0 -45px;rotate:12deg}to{opacity:1;translate:0 0;rotate:0deg}}
@media(max-width:1150px){.ws-home{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.ws-inbox{padding:20px}.ws-stations{gap:0}.ws-cart-view{grid-template-columns:1fr 300px}.review-grid{grid-template-columns:1fr}.review-aside{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:960px){.sidebar{width:176px;padding:25px 12px}.main-shell{margin-left:176px;width:calc(100% - 176px)}main{padding:25px}.topbar{padding:15px 25px}.ws-home{grid-template-columns:1fr}.ws-world{min-height:340px}.ws-inbox{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.ws-inbox>.ws-kicker{width:100%;margin:0}.ws-inbox h2{margin:0;width:100%}.ws-task{flex:1;min-width:180px}.ws-inbox>.button{width:auto;margin:0}.ws-inbox>.text-button{width:auto;margin:0}.ws-cart-view{grid-template-columns:1fr}.ws-cart-panel{width:100%}.ws-tools{gap:12px}.ws-tools>button{padding:15px}.review-grid{display:flex;flex-direction:column}.review-aside{grid-template-columns:1fr 1fr}.settings-layout{grid-template-columns:155px 1fr!important}}
@media(max-width:760px){.app{display:block}.sidebar{position:static;width:100%;padding:14px 16px 0;display:block;border-right:0;border-bottom:1px solid var(--line)}.brand{display:inline-flex;padding:0;vertical-align:middle}.wordmark{font-size:23px}.brand-caption{display:none}.workspace{display:none}.sidebar .nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;flex-direction:row;gap:4px;margin-top:12px;padding:0 0 8px}.sidebar nav a,.sidebar nav .appearance-trigger{font-size:12px;padding:9px 10px;min-height:40px;width:auto;flex:1;justify-content:center;gap:4px;white-space:nowrap}.sidebar nav a span{display:none}.sidebar nav .appearance-trigger{flex:0 0 42px}.sidebar nav .appearance-trigger:after{display:none}.main-shell{margin:0;width:100%}.topbar{min-height:52px;padding:12px 18px;gap:8px}.topbar #breadcrumb{font-size:11px}.topbar .slash{padding:0 6px}.topbar #agentPill{font-size:10px;padding:5px 8px}.job-progress{order:5;flex-basis:100%;font-size:11px}.jp-msg{max-width:none;flex:1}.topbar .account-avatar{width:28px;height:28px}main{padding:23px 18px}.ws-heading h1,.page-heading h1{font-size:25px}.ws-heading{gap:12px;margin-bottom:20px}.ws-heading p{font-size:12px}.ws-heading .button{font-size:12px;min-height:38px;padding:8px 12px}.ws-kicker{font-size:9px}.ws-world{padding:15px 0;min-height:320px}.ws-world-heading{padding:0 10px;font-size:10px}.ws-stations{gap:0;margin:0 0 18px}.ws-model{width:90px;height:143px;transform:scale(.86);transform-origin:bottom center}.ws-station b{font-size:12px}.ws-station small{font-size:10px}.ws-world-foot{padding:12px 5px 0;gap:10px}.ws-world-foot b{font-size:11px}.ws-world-foot p{font-size:10px}.ws-inbox{padding:20px}.ws-task{min-width:100%;padding:10px 0}.ws-inbox>.button{width:100%;margin-top:5px}.ws-tools{grid-template-columns:1fr;gap:10px;margin-top:16px}.ws-tools>button{padding:17px}.ws-reading-scene{height:300px}.ws-upload-slot,.ws-paper-place{left:calc(50% + 5px);width:112px}.ws-reading-pet{left:calc(50% - 130px)}.ws-floor{width:245px}.ws-reception{padding-top:0}.ws-scene-copy h2{font-size:18px}.ws-scene-copy p{font-size:12px}.ws-cart-panel{padding:18px}.ws-cart-pet{left:calc(50% - 132px)}.ws-cart-bubble{left:calc(50% - 123px)}.ws-cart-scene{height:300px}.ws-basket{left:calc(50% + 27px)}.ws-shelf{left:calc(50% - 103px)}.review-aside{display:flex;flex-direction:column}.review-aside .companion-panel{display:flex;flex-direction:row;gap:12px}.review-aside .companion-label{display:none}.review-aside .mascot-space{width:72px;height:72px}.panel{padding:18px}.order-row{grid-template-columns:1fr 100px}.medicine{grid-column:1/-1}.table-head{display:none}.settings-layout{display:flex!important;flex-direction:column}.settings-tabs{flex-direction:row!important;flex-wrap:wrap}.settings-pane{padding:20px 16px!important}.dm-cards{grid-template-columns:1fr!important}.dm-tablewrap{overflow-x:auto}.review-bottom{align-items:stretch}.history-layout{display:flex!important;flex-direction:column}.history-calendar{width:100%!important}.history-records{min-width:0}.history-heading{flex-wrap:wrap}.history-heading h1{font-size:25px!important}footer{margin:12px 18px 0;font-size:9px}.usage-db .usage-db-header h1{font-size:24px!important}.usage-drawer .stat-grid{grid-template-columns:1fr}.counter-search-hero h1,.counter-search-page h1{font-size:26px!important}input,select,textarea{font-size:16px}.gate-card{padding:26px!important}.gate input{font-size:16px!important}}
:root[data-motion=reduced] *,body.motion-hidden .ws-scan,body.motion-hidden .ws-sweep,body.motion-hidden .mascot-body{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Search workspace uses existing product/search handlers. */
.counter-search{max-width:1100px;margin:auto}.counter-hero{padding:24px 0 25px!important;min-height:180px}.counter-hero h1{font-size:32px!important;line-height:1.4!important;letter-spacing:-.045em!important}.counter-hero p{font-size:14px!important;color:var(--dim)!important}.counter-kicker{font-size:10px!important;letter-spacing:1.5px!important;color:var(--blue)!important}.counter-form{border:1px solid var(--line)!important;border-radius:14px!important;background:var(--paper)!important;padding:8px!important;gap:12px!important}.counter-form input{font-size:16px!important;padding:10px!important}.counter-form>button{border-radius:10px;background:var(--blue)!important;color:#fff!important;padding:12px 20px!important;font-size:13px!important}.counter-shortcuts button{background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:8px!important;padding:7px 12px!important;font-size:12px!important}.counter-db-line{font-size:12px!important;border-color:var(--line)!important}.counter-product{border-radius:14px!important;border:1px solid var(--line)!important;background:var(--paper)!important;transform:none!important}.counter-results-heading{border-color:var(--line)!important}.counter-research{border:1px solid var(--line)!important;border-radius:16px!important;background:var(--paper)!important}.counter-topics>button{border-radius:12px!important;border-color:var(--line)!important}.counter-topics>button[aria-pressed=true]{background:var(--sticker)!important;color:var(--blue)!important}.counter-empty-summary{border-radius:16px!important;padding:24px!important;background:var(--paper)!important}.counter-empty-summary h2{font-size:25px!important}.counter-mascot-actions{right:0!important}.counter-character .mascot-button{width:110px!important;height:100px!important}.counter-mascot-actions .button{font-size:12px!important;background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:10px!important}.conversation-panel{border-radius:16px!important;border:1px solid var(--line)!important;background:var(--paper)!important}.conversation-header{background:var(--paper)!important}.conversation-compose button{background:var(--blue)!important}.research-progress,.product-editor-section{border-radius:12px}
@media(max-width:760px){.counter-hero{padding:12px 0 22px!important;min-height:0}.counter-hero h1{font-size:26px!important}.counter-mascot-actions{position:static!important;display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;margin-top:14px!important}.counter-character .mascot-button{width:80px!important;height:75px!important}.counter-form{gap:5px!important}.counter-form>button{padding:12px!important}.counter-form input{min-width:0}.counter-shortcuts{flex-wrap:wrap}.counter-product{min-width:0}}
.ws-upload-slot{padding:8px}.ws-upload-slot small{white-space:nowrap}
@media(max-width:760px){.sidebar{height:auto}.sidebar .brand{display:inline-flex}.sidebar nav{height:auto}.sidebar .brand .wordmark{font-size:23px}.main-shell{padding-bottom:0}.app>footer{display:none}}

/* Keep the settings entry aligned even when appearance.css loads later. */
.sidebar nav button.appearance-trigger {
  justify-content:flex-start; align-self:stretch; flex:0 0 auto;
  width:100%; height:auto; min-height:45px; margin:0; padding:12px;
  color:var(--dim); gap:11px;
}
.sidebar nav button.appearance-trigger svg { width:20px; height:20px; flex-shrink:0; }
.sidebar nav button.appearance-trigger.active { background:var(--sticker); color:var(--blue); }
@media(max-width:760px) {
  .sidebar nav button.appearance-trigger {
    justify-content:center; align-self:center; flex:0 0 42px;
    width:42px; height:40px; min-height:40px; margin:0; padding:9px 10px;
  }
}
/* Compound search fields have one outer focus ring; keep button focus distinct. */
:is(.usage-db-search,.usage-start-form>div,.counter-form):focus-within {
  outline:2px solid var(--blue); outline-offset:0;
  border-color:transparent!important; box-shadow:none;
}
:is(.usage-db-search,.usage-start-form,.counter-form) input:focus-visible {
  outline:none; box-shadow:none;
}

/* Single account entry in the sidebar; the workspace has no top bar. */
.sidebar button.profile { display:flex; align-items:center; gap:10px; width:100%; min-width:0; padding:10px 6px; border:0; border-radius:10px; background:transparent; text-align:left; color:var(--ink); }
.sidebar button.profile[hidden] { display:none; }
.sidebar button.profile:hover { background:var(--bg); }
.profile .account-avatar { width:30px; height:30px; flex:0 0 30px; }
.profile-copy { flex:1; min-width:0; }
.profile-copy b,.profile-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile-copy small { margin-top:4px; color:var(--dim); }
.profile-chevron { flex:none; color:var(--dim); }
.demo-card .job-progress { margin-top:10px; max-width:100%; gap:5px; }
.demo-card .jp-msg { flex-basis:100%; white-space:normal; overflow-wrap:anywhere; }
@media(max-width:760px) {
  .sidebar .sidebar-bottom { display:flex; align-items:center; gap:12px; padding:0 0 8px; }
  .sidebar-bottom .demo-card { flex:1; min-width:0; padding:6px 8px; }
  .sidebar-bottom .demo-card>.tag,.sidebar-bottom #agentCardSub { display:none; }
  .sidebar-bottom .profile { flex:1; min-width:0; margin:0; padding:6px; }
}

.sidebar .nav-label { margin-top:30px; }
.profile-copy .profile-meta { display:flex; align-items:center; gap:4px; }
.profile-meta #profRole,.profile-meta>[aria-hidden] { flex:none; }
.profile-meta #profPharmacy { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Calendar dates and order shortcuts are separate, keyboard-accessible buttons. */
.history-month-nav { gap:8px; flex-wrap:wrap; }
.history-month-nav #history-today { width:auto; min-width:52px; min-height:36px; padding:7px 12px; border:1px solid var(--line); border-radius:8px; background:var(--bg); color:var(--ink); font-size:12px; line-height:1.4; white-space:nowrap; flex-shrink:0; }
.history-month-nav #history-today:hover { background:var(--sticker); border-color:var(--blue); }
.history-days .history-day { padding:5px; gap:3px; min-height:100px; }
.history-day.is-selected { background:var(--sticker); border-color:var(--blue); }
.history-date { width:100%; text-align:left; padding:2px; min-height:28px; font-size:12px; border-radius:5px; }
.history-date>span { display:inline-grid; place-items:center; min-width:23px; min-height:23px; }
.history-day.is-today .history-date>span { border-radius:50%; background:var(--blue); color:white; }
.history-rounds { display:flex; flex-direction:column; gap:3px; width:100%; }
.history-round { display:flex; align-items:center; gap:4px; min-height:26px; width:100%; padding:3px; border-radius:5px; font-size:11px; line-height:1.3; white-space:nowrap; color:var(--blue); text-align:left; }
.history-round i { width:5px; height:5px; flex:none; border-radius:50%; background:currentColor; }
.history-round.failed { color:#a15536; }
.history-round.review { color:#94691d; }
.history-round:hover,.history-round[aria-pressed=true] { background:var(--sticker); box-shadow:inset 0 0 0 1px var(--blue); }
@media(max-width:480px) {
  .history-calendar { padding:12px!important; }
  .history-days .history-day { padding:2px; }
  .history-round { gap:2px; padding:3px 1px; font-size:10px; }
  .history-round i { width:4px; height:4px; }
}
/* Shared custom selects retain the original native fields for application logic. */
.select-ui { display:inline-flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; max-width:100%; min-height:38px; padding:8px 12px; border:1px solid var(--line); border-radius:9px; background:var(--paper); color:var(--ink); font:inherit; font-size:12px; text-align:left; }
.select-ui>span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.select-ui .select-chevron { flex:none; color:var(--dim); }
.select-ui:hover,.select-ui[aria-expanded=true] { border-color:var(--blue); background:var(--bg); }
.select-ui:disabled { opacity:.5; cursor:not-allowed; }
label:has(>select[hidden]):focus-within { outline:none; }
.select-ui:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.ws-order-label .select-ui,.product-editor label>.select-ui { width:100%; }
.match-line .select-ui { max-width:100%; }
.select-menu { position:fixed; margin:0; inset:auto; padding:5px; overflow:auto; overscroll-behavior:contain; border:1px solid var(--line); border-radius:12px; background:var(--paper); color:var(--ink); box-shadow:0 12px 32px #23385820; font:12px/1.5 'Noto Sans KR',sans-serif; z-index:2000; }
.select-menu::backdrop { background:transparent; }
.select-menu [role=option] { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:9px 10px; min-height:36px; border-radius:7px; cursor:pointer; overflow-wrap:anywhere; }
.select-menu [role=option]>span:last-child { flex:none; }
.select-menu [role=option]:hover,.select-menu .is-active { background:var(--bg); }
.select-menu [aria-selected=true] { background:var(--sticker); color:var(--blue); }

/* History is a single calendar; order contents appear in a persistent dialog. */
.order-history .history-layout { display:block!important; }
.order-history .history-calendar { width:100%; }
.history-detail-dialog { margin:auto; padding:0; width:min(1280px,calc(100vw - 48px)); height:calc(100dvh - 48px); max-height:calc(100dvh - 48px); border:1px solid var(--line); border-radius:20px; background:var(--paper); color:var(--ink); box-shadow:0 24px 80px #172e5433; overflow:hidden; }
.history-detail-dialog[open] { display:flex; flex-direction:column; }
.history-detail-dialog::backdrop { background:#1e2c4a66; backdrop-filter:blur(3px); }
.history-detail-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 24px; border-bottom:1px solid var(--line); flex-shrink:0; }
.history-detail-head .ws-kicker { display:block; margin-bottom:8px; }
.history-detail-head h2 { font-size:21px; }
.history-detail-close { display:grid; place-items:center; flex:none; width:36px; height:36px; border:1px solid var(--line); border-radius:10px; background:var(--bg); color:var(--dim); font-size:24px; }
.history-detail-close:hover { color:var(--blue); background:var(--sticker); }
.history-detail-content { overflow:auto; overscroll-behavior:contain; min-height:0; flex:1; padding:12px 24px; }
.history-detail-meta { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:10px; font-size:12px; color:var(--dim); }
@media(max-width:480px) { .history-detail-head { padding:18px; } .history-detail-head h2 { font-size:18px; } .history-detail-content { padding:18px; } }

.history-status-legend { display:flex; flex-wrap:wrap; gap:8px 16px; margin:12px 0; color:var(--dim); font-size:11px; }
.history-status-legend>span { display:inline-flex; align-items:center; gap:5px; }
.history-status-legend i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.history-round.ready,.history-status-legend .ready { color:#8591a5; }
.history-round.preparing,.history-status-legend .preparing { color:#395ce8; }
.history-round.completed,.history-status-legend .completed { color:#258568; }
.history-round.review,.history-status-legend .review { color:#8c63bb; }
.history-round.failed,.history-status-legend .failed { color:#c46a2b; }
.history-round>span { color:var(--ink); }

.history-detail-table { margin-top:10px; }
.history-detail-table table { width:100%; border-collapse:collapse; table-layout:fixed; text-align:left; font-size:13px; }
.history-detail-table th { position:sticky; top:-12px; z-index:1; background:var(--bg); color:var(--dim); font-weight:500; padding:7px 10px; }
.history-detail-table td { padding:5px 10px; line-height:1.4; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.history-detail-table th:first-child { width:44px; }
.history-detail-table th:nth-child(3) { width:22%; }
.history-detail-table th:nth-child(4) { width:70px; text-align:right; }
.history-detail-table th:nth-child(5) { width:80px; text-align:right; }
.history-detail-table td:nth-child(4),.history-detail-table td:nth-child(5) { text-align:right; }
.history-detail-table td:first-child,.history-detail-table td:nth-child(3) { color:var(--dim); }
.history-detail-table tbody tr:nth-child(even) { background:#f8faff; }
.history-detail-content .notice { padding:7px 10px; font-size:12px; }
.history-detail-content .action-row { position:sticky; bottom:-12px; z-index:2; padding:12px 0; background:var(--paper); border-top:1px solid var(--line); }
@media(max-width:600px) {
  .history-detail-dialog { width:calc(100vw - 16px); height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); border-radius:12px; }
  .history-detail-content { padding:10px; }
  .history-detail-table table { font-size:11px; }
  .history-detail-table th,.history-detail-table td { padding:6px 4px; }
  .history-detail-table th:first-child { width:24px; }
  .history-detail-table th:nth-child(4) { width:34px; }
  .history-detail-table th:nth-child(5) { width:44px; }
}

.history-result-vendor { display:block; color:var(--dim); font-size:10px; }
/* Long names wrap in their own column; short actions and statuses never split. */
.cart-list>div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; }
.cart-list>div>div { min-width:0; }
.cart-list b,.cart-list p { overflow-wrap:anywhere; word-break:keep-all; }
.cart-list .cart-status { white-space:nowrap; flex-shrink:0; text-align:right; font-size:12px; }
.cart-vendor { display:block; margin-top:4px; font-size:11px; font-weight:400; color:var(--dim); }
.cart-order .action-row .text-button,.confirm-pill,.remove-row,.count,.button { white-space:nowrap; flex-shrink:0; }
.cart-order .action-row .hint { flex:1; min-width:140px; word-break:keep-all; }
.paper-note p,.speech,.notice { word-break:keep-all; overflow-wrap:break-word; }
.review-aside .paper-note { padding:14px; line-height:1.8; }
.review-aside .paper-note p { padding:10px 0!important; font-size:12px; }
.account-id { min-width:0; }
.account-who { flex:1; overflow:hidden; }
.account-meta>span:first-child { min-width:0; overflow-wrap:anywhere; }
.account-meta .role-badge { flex:none; white-space:nowrap; }
.steps li { min-width:0; }
.steps li>button { display:flex; align-items:center; gap:10px; padding:8px 4px; border-radius:8px; font:inherit; color:inherit; white-space:nowrap; }
.steps li>button>span { display:grid; place-items:center; flex:none; width:27px; height:27px; border-radius:8px; background:var(--surface); color:var(--dim); }
.steps li.current>button>span { background:var(--blue); color:white; }
.steps li>button:hover { background:var(--surface); }
.confirm-pill.ghost { background:var(--paper,#fff); border-color:var(--line,#e9ebef); color:var(--dim,#808591); }
.row-status { flex-wrap:wrap; justify-content:flex-end; gap:4px; }
.cart-reason { color:#b4322f; font-size:11.5px; line-height:1.6; margin-top:4px; word-break:keep-all; }
.discard-dialog { margin:auto; width:min(420px,calc(100vw - 32px)); padding:24px; border:1px solid var(--line); border-radius:18px; background:var(--paper); color:var(--ink); }
.discard-dialog::backdrop { background:#1e2c4a66; }
.discard-dialog p { margin:16px 0 24px; font-size:14px; line-height:1.7; word-break:keep-all; }
.discard-dialog .action-row { justify-content:flex-end; flex-wrap:wrap; }
@media(max-width:600px){.steps{gap:6px}.steps li>button{gap:4px;font-size:10px;padding:7px 0}.steps li>button>span{width:22px;height:22px}.steps li:after{display:none}.cart-list .cart-status{font-size:11px}.cart-vendor{font-size:10px}.draft-cart-review .history-detail-table th:first-child{width:26px}.draft-cart-review .history-detail-table th:nth-child(4){width:40px}}
.ws-cart-view { grid-template-columns:minmax(0,1fr) minmax(360px,1fr); }
@media(max-width:960px){.ws-cart-view{grid-template-columns:1fr}}

/* Counter desk uses the same heading, panels and spacing as the workshop. */
main .counter-search { max-width:none; margin:0; padding:0; }
.counter-page-heading .ws-actions { align-items:center; }
.counter-header-pet { display:flex; align-items:center; }
.counter-search-panel { padding:24px; }
.counter-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.counter-panel-heading h2 { font-size:18px; }
.counter-preview-label { color:var(--dim); background:var(--bg); padding:5px 9px; border-radius:6px; font-size:11px; }
.counter-search-panel .counter-form { min-height:52px; box-shadow:none; border-radius:10px!important; background:var(--bg)!important; }
.counter-search-panel .counter-form>span { font-size:23px; color:var(--dim); margin-left:8px; }
.counter-search-panel .counter-form input { font-size:14px!important; padding:8px!important; }
.counter-search-panel .counter-form>button { font-size:13px!important; padding:10px 20px!important; border-radius:8px!important; }
.counter-search-panel .counter-shortcuts { padding:14px 0 20px; gap:8px; }
.counter-search-panel .counter-shortcuts button { font-size:11px!important; padding:6px 10px!important; background:var(--bg)!important; }
.counter-search-panel .counter-db-line { padding:16px 0 0; align-items:center; flex-wrap:wrap; font-size:12px!important; }
.counter-db-line>span { display:flex; flex-wrap:wrap; align-items:center; gap:5px; color:var(--dim); }
.counter-db-line>span small { margin-left:8px; }
.counter-db-line>button { color:var(--blue); white-space:nowrap; }
.counter-search .counter-start-note { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:0; margin-top:22px; }
.counter-start-note>div { border:1px solid var(--line); border-radius:14px; background:var(--paper); padding:20px; }
.counter-start-note>div>span { display:inline-grid; place-items:center; width:26px; height:26px; border-radius:7px; background:var(--sticker); color:var(--blue); font-size:10px; margin-right:8px; }
.counter-start-note b { font-size:13px; color:var(--ink); font-weight:600; }
.counter-start-note p { margin-top:12px; font-size:12px; line-height:1.7; word-break:keep-all; }
.counter-search .counter-results { margin-top:24px; }
.counter-search .counter-results-heading { border-bottom:1px solid var(--line); padding-bottom:14px; }
.counter-search .counter-results-heading h2 { font-size:19px; }
.counter-search .counter-product h3 { font-size:19px; margin:18px 0 8px; }
.counter-search .counter-product-grid { gap:16px; margin-top:16px; }
.counter-search .counter-empty-split { margin-top:24px; }
.counter-search .counter-research-title h2 { font-size:22px; }
@media(max-width:760px) {
  .counter-page-heading { flex-wrap:wrap; }
  .counter-page-heading .ws-actions { margin-left:auto; }
  .counter-search-panel { padding:18px; }
  .counter-search-panel .counter-db-line { align-items:flex-start; gap:12px; }
  .counter-db-line>span small { margin-left:0; }
  .counter-search .counter-start-note { grid-template-columns:1fr; gap:10px; margin-top:16px; }
  .counter-start-note>div { padding:16px; }
}

.conversation-workspace > .counter-search-panel { display:none; }
body .appearance-flying-pet { z-index:1000; pointer-events:none; transform-origin:center; will-change:transform; }