@charset "UTF-8";
:root{--bg:#f6f5ef;--paper:#fffefa;--ink:#263b33;--muted:#7c8379;--green:#26584b;--line:#e5e7dc;--mint:#eaf0e6;--gold:#d4b879;--red:#a83d38;--blue:#427989;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Malgun Gothic",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation;color:inherit}button,input,textarea{-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #b59a55;outline-offset:3px}input:focus,textarea:focus{border-color:var(--green);outline:3px solid #26584b12}button{transition:background .15s,border-color .15s,transform .15s}button:active{transform:translateY(1px)}[hidden]{display:none!important}a{color:inherit}.topbar{max-width:1120px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;font-weight:800}.brand-en{display:block;font-size:9px;letter-spacing:2px;margin-top:3px;color:var(--muted);font-weight:600}.top-pill{font-size:11px;color:#566b53;background:#e9eee2;border:1px solid #dfe5d7;border-radius:30px;padding:9px 13px;display:flex;align-items:center;gap:7px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#799564}main{max-width:1120px;padding:0 32px;margin:auto}.hero{padding:42px 0 36px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#839074}h1{font-size:36px;letter-spacing:-1.7px;line-height:1.35;margin:15px 0 12px;font-weight:750}h1 span{color:var(--green)}.hero p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.mobile-break{display:none}.hero-art{position:relative;flex:0 0 170px;height:140px;margin:0 40px}.coffee-cup{position:absolute;left:29px;top:43px;width:85px;height:80px;border-radius:7px 7px 35px 35px;background:#e0e7d6;box-shadow:inset -10px -4px 0 #cad5c1;transform:rotate(-8deg);border-top:6px solid #365345;display:flex;align-items:center;justify-content:center;font-size:11px;color:#60715b;text-align:center;font-style:italic;line-height:1.5}.coffee-cup:after{content:"";width:30px;height:32px;border:9px solid #cad5c1;position:absolute;left:78px;top:12px;border-radius:0 22px 22px 0;z-index:-1}.saucer{position:absolute;width:132px;height:26px;border-radius:50%;background:#e9e6d7;top:112px;left:16px;transform:rotate(-8deg)}.steam{position:absolute;top:4px;width:8px;height:25px;border-radius:50%;border-right:2px solid #c2c8b7;transform:rotate(16deg)}.s1{left:49px}.s2{left:70px;top:0}.s3{left:89px;top:7}.art-dot{position:absolute;right:4px;top:14px;font-size:28px;color:#b49d69}.layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:44px;align-items:start}.section-heading{height:44px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading h2{margin:0;font-size:19px;letter-spacing:-.7px}.section-heading>span{font-size:9px;letter-spacing:1px;color:#94998c}.order-panel{padding-bottom:16px}.field-label{display:block;font-size:13px;font-weight:650;margin:0 0 10px}.field-label span{color:var(--muted);font-weight:400;font-size:11px;margin-left:6px}input:not([type=date]),textarea{border:1px solid var(--line);border-radius:12px;background:var(--paper);width:100%;padding:15px 16px;color:var(--ink);font-size:15px}input::placeholder{color:#a0a59a}.menu-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px;gap:8px}.menu-heading h3{font-size:13px;margin:0}.filters{display:flex;gap:5px}.filters button{border:0;background:none;font-size:11px;color:var(--muted);padding:9px 12px;border-radius:20px}.filters .selected{background:var(--green);color:white}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.menu-card{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:16px 12px;display:flex;align-items:center;gap:11px;text-align:left;min-height:80px}.menu-card:hover{border-color:#9cae93}.menu-card.selected{border:1.5px solid var(--green);background:#edf2e8;padding:15.5px 11.5px}.menu-card.selected:after{content:'✓';position:absolute;right:8px;top:6px;font-size:10px;color:var(--green)}.drink-icon{flex:none;width:35px;height:42px;display:grid;place-items:center;border-radius:11px;background:#f2ede3}.drink-icon svg{width:26px;height:30px;fill:none;stroke:#83654d;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.drink-icon.latte{background:#eee6d8}.drink-icon.vanilla{background:#f6efda}.drink-icon.mocha,.drink-icon.chocolate{background:#ebe1d7}.drink-icon.lemon{background:#f4f1ce}.drink-icon.tea{background:#f3e9d4}.drink-icon.custom{background:#e8ebe5}.menu-card strong{font-size:13px;display:block;letter-spacing:-.2px}.menu-card small{font-size:10px;color:var(--muted);display:block;margin-top:6px;line-height:1.4}#custom-wrap{margin-top:18px}.options{display:flex;gap:20px;margin:24px 0;justify-content:space-between}.options fieldset{margin:0;border:0;padding:0}.options legend{font-size:13px;font-weight:650;margin-bottom:10px;padding:0}.temperature{display:flex;gap:8px}.temperature button{min-width:85px;background:var(--paper);border:1px solid var(--line);border-radius:11px;height:44px;font-size:13px;font-weight:650;color:var(--muted)}.temperature button[data-temp=ICE].selected{background:#e8f0f0;color:#3a7787;border-color:#9ab8be}.temperature button[data-temp=HOT].selected{background:#f9eae1;color:#ab6549;border-color:#d5a894}.stepper{display:flex;height:44px;align-items:center;border:1px solid var(--line);border-radius:11px;background:var(--paper);overflow:hidden}.stepper button{border:0;background:none;width:40px;height:42px;font-size:19px;color:#71806d}.stepper output{width:30px;text-align:center;font-size:14px;font-weight:650}.selection{display:flex;justify-content:space-between;align-items:center;margin:22px 0 14px;font-size:13px}.selection strong{font-size:19px}.submit{width:100%;border:0;background:var(--green);border-radius:12px;padding:17px 20px;color:white;font-size:14px;font-weight:650;display:flex;justify-content:center;align-items:center;gap:14px;min-height:52px}.submit:hover{background:#1a473b}.submit span{font-size:18px}.footnote{color:#969b90;text-align:center;font-size:10px;line-height:1.6}.icon-button{height:36px;width:36px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:22px;color:#7c8875}.board{border:1px solid var(--line);border-radius:20px;background:var(--paper);overflow:hidden;padding:24px}.board-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.board-top .eyebrow{display:block;font-size:9px;letter-spacing:1.7px}.date-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}input[type=date]{border:0;background:transparent;color:var(--ink);font-size:16px;font-weight:650;width:160px;padding:10px 0 0;min-height:38px}.live{display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:10px;color:#819076}.stats{display:grid;grid-template-columns:1fr 1fr;background:#f1f3eb;border-radius:12px;margin:24px 0;padding:20px 0}.stats>div{padding:0 24px}.stats>div+div{border-left:1px solid #dbe2d4}.stats span{font-size:11px;color:#84917b}.stats strong{display:flex;gap:7px;align-items:baseline;margin-top:8px}.stats b{font-size:34px;font-weight:600;line-height:1}.stats small{font-size:12px;color:#819076;font-weight:400}.board-tabs{border-bottom:1px solid var(--line);display:flex;gap:22px}.board-tabs button{position:relative;border:0;padding:0 0 13px;background:transparent;font-size:12px;color:#8d9585}.board-tabs .active{font-weight:700;color:var(--green)}.board-tabs .active:after{content:'';height:2px;background:var(--green);position:absolute;bottom:-1px;left:0;right:0}.empty{text-align:center;padding:45px 10px 36px}.empty img{opacity:.4}.empty h3{font-size:14px;font-weight:600;margin:16px 0 8px}.empty p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.order-row{padding:18px 0;border-bottom:1px solid #eef0e8;display:flex;gap:11px;align-items:start}.avatar{border-radius:11px;flex:0 0 35px;height:35px;display:grid;place-items:center;background:#efeee4;font-size:13px;font-weight:650;color:#849073}.order-info{flex:1;min-width:0}.row-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:1px 0 6px}.row-head strong{font-size:13px;overflow-wrap:anywhere}.mine-badge{font-size:9px;font-weight:400;color:#759468;background:#edf3e7;padding:3px 5px;border-radius:4px;margin-left:5px;white-space:nowrap}.row-time{font-size:10px;color:#a0a597;white-space:nowrap}.order-drink{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.temp{font-size:9px;font-weight:650;padding:3px 5px;border-radius:4px;color:var(--blue);background:#edf4f5;margin-right:5px;white-space:nowrap}.temp.hot{color:#a96d4c;background:#faf0e7}.order-note{margin:5px 0 0;font-size:11px;color:#8c9486;line-height:1.6;overflow-wrap:anywhere}.row-actions{display:flex;gap:4px;margin:6px 0 -4px}.row-actions button{border:0;background:transparent;color:#899980;font-size:11px;padding:8px 10px 8px 0;min-height:32px}.row-actions .delete{color:#b08472}.copy-button{display:flex;justify-content:center;align-items:center;gap:12px;border:1px solid #dbe2d4;background:#f8f9f3;border-radius:10px;width:100%;padding:13px;color:#66755b;font-size:12px;margin-top:20px;min-height:44px}.copy-button span{font-size:16px}.updated{text-align:center;font-size:10px;color:#a0a597;margin:12px 0 0}.small-note{display:flex;gap:12px;align-items:center;justify-content:center;padding:18px 8px;color:#9da18e}.small-note>span{font-size:24px}.small-note p{font-size:11px;line-height:1.9;margin:0}.small-note strong{font-weight:400;font-size:10px}footer{margin:40px 0 25px;border-top:1px solid var(--line);padding-top:20px;font-size:9px;letter-spacing:1.6px;color:#9fa491}footer>span{float:right;font-size:10px;letter-spacing:0}footer p{font-size:10px;letter-spacing:0;line-height:1.8;margin-top:14px}.mobile-tabs{display:none}.toast{position:fixed;z-index:10;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#233d32;color:white;box-shadow:0 8px 30px #14251925;padding:15px 22px;border-radius:14px;font-size:13px;max-width:calc(100% - 32px);width:max-content;text-align:center}.connection{padding:13px;background:#fff0d9;color:#826330;border:1px solid #edddbd;border-radius:10px;font-size:12px;margin-bottom:20px;line-height:1.7}.form-error{font-size:12px;color:var(--red);line-height:1.7}.cancel-edit{margin-top:8px;padding:12px;border:0;background:transparent;color:var(--muted);font-size:12px;width:100%}.summary-row{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:1.7}.summary-row>span{overflow-wrap:anywhere}.summary-row strong{white-space:nowrap;font-size:16px}dialog{border:1px solid var(--line);border-radius:20px;padding:28px;max-width:calc(100vw - 40px);width:390px;box-shadow:0 20px 90px #17271b25;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#1b2c2655}dialog h2{font-size:19px;margin:0 0 12px}dialog p{font-size:13px;color:var(--muted);line-height:1.8}.dialog-actions{display:flex;gap:10px;margin-top:22px}.dialog-actions button{flex:1;border:1px solid var(--line);background:#f5f5ef;border-radius:10px;padding:13px;font-size:13px}.dialog-actions .danger{color:white;background:var(--red);border:0}textarea#copy-text{height:220px;font-size:12px;line-height:1.8;margin-bottom:15px;resize:vertical}
@media(min-width:761px){#orders{max-height:520px;overflow:auto;scrollbar-width:thin}}
@media(max-width:960px){.layout{gap:26px}.menu-card{gap:8px;padding:15px 9px}.menu-card.selected{padding:14.5px 8.5px}.menu-card small{font-size:9px}.board{padding:20px}.hero-art{margin-right:15px}}
@media(max-width:760px){.topbar{padding:18px 22px}.brand{font-size:16px;gap:9px}.brand img{width:32px;height:32px}.brand-en{font-size:8px}.top-pill{font-size:9px;padding:8px 10px}main{padding:0 22px}.hero{padding:32px 0 28px;min-height:183px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:26px;letter-spacing:-1.1px;margin:13px 0 10px}.hero p{font-size:12px;line-height:1.8}.mobile-break{display:block}.hero-art{flex-basis:94px;margin:0 -18px 0 -10px;transform:scale(.72);transform-origin:center center}.coffee-cup{left:6px}.saucer{left:-7px}.s1{left:26px}.s2{left:47px}.s3{left:66px}.art-dot{right:-35px}.layout{display:block}.section-heading{margin:8px 0 13px;height:35px}.section-heading h2{font-size:17px}.section-heading>span{font-size:8px}.mobile-tabs{display:flex;background:#eaece3;padding:4px;border-radius:12px;margin-bottom:22px}.mobile-tabs button{flex:1;border:0;background:transparent;border-radius:9px;padding:12px 4px;font-size:12px;color:#8a9280}.mobile-tabs .active{background:var(--paper);box-shadow:0 2px 5px #253b2310;color:var(--green);font-weight:700}.mobile-tabs span{display:inline-block;background:#e7eddf;border-radius:5px;padding:1px 5px;margin-left:4px;font-size:10px}.board-panel{display:none}body[data-view=board] .order-panel{display:none}body[data-view=board] .board-panel{display:block}.menu-card{min-height:78px;padding:15px 11px;gap:9px}.menu-card.selected{padding:14.5px 10.5px}.menu-card small{font-size:9px}.menu-card strong{font-size:12px}.drink-icon{width:32px;height:38px}.menu-heading{margin-top:23px}.options{margin:23px 0}.board{padding:21px;border-radius:16px}.stats{margin:23px 0}.stats b{font-size:36px}.order-row{padding:19px 0}.row-actions button{min-height:38px}.footnote{font-size:10px}footer{margin-top:26px}.small-note{padding-top:20px}input:not([type=date]),textarea{font-size:16px}.menu-grid{gap:9px}}
@media(max-width:360px){main{padding:0 16px}.topbar{padding:16px}.top-pill{font-size:8px}h1{font-size:23px}.menu-card{gap:6px;padding:14px 8px}.menu-card.selected{padding:13.5px 7.5px}.drink-icon{width:28px}.hero-art{transform:scale(.6);flex-basis:65px}.temperature button{min-width:73px}.board{padding:16px}.board-top .live{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}