@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap');
:root{--ink:#24332d;--muted:#6d7971;--paper:#fbf8f1;--card:#fff;--coffee:#805d45;--coffee2:#5b3f2f;--sage:#668675;--sage-soft:#e9f1ec;--peach:#f0b77e;--peach-soft:#fff1df;--line:#e7ded1;--red:#a95048;--red-soft:#fff0ed;--blue:#47718a;--blue-soft:#eaf5fa;--shadow:0 16px 48px rgba(66,49,37,.1)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#fff 0,transparent 32%),var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans SC",sans-serif}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.app-shell{width:min(1180px,100%);margin:auto;padding:22px 26px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.brand{border:0;background:none;display:flex;align-items:center;gap:11px;text-align:left}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:var(--coffee);color:#fff;border-radius:15px 15px 15px 5px;font-size:21px;font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:19px;letter-spacing:.08em}.brand small{color:var(--muted);font-size:11px;margin-top:2px}.ghost,.back{border:1px solid var(--line);background:#fff;border-radius:13px;padding:10px 14px;font-weight:700}.back{width:44px;height:44px;padding:0;font-size:22px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.13em;color:var(--coffee);text-transform:uppercase}h1{font-size:clamp(40px,6vw,68px);line-height:1.04;letter-spacing:-.05em;margin:13px 0 18px}h1 span{color:var(--coffee)}h2{font-size:clamp(27px,4vw,40px);letter-spacing:-.03em;margin:5px 0 9px}h3{margin:0}.lead,.page-head p,.dashboard-head p,.modal-lead{color:var(--muted);line-height:1.75}.home-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.hero-copy,.home-actions,.panel{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow)}.hero-copy{padding:48px}.principle{margin-top:30px;padding:18px;background:var(--sage-soft);border-radius:18px}.principle b,.principle span{display:block}.principle span{margin-top:5px;color:var(--muted);font-size:14px}.home-actions{padding:20px;display:flex;flex-direction:column;gap:14px}.journey-card,.staff-entry{width:100%;border:1px solid var(--line);background:#fff;border-radius:22px;padding:22px;display:flex;align-items:center;gap:17px;text-align:left;transition:.2s}.journey-card:hover,.staff-entry:hover,.mode-card:hover,.import-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(65,48,35,.1)}.journey-card.primary{background:var(--coffee);color:#fff;border-color:var(--coffee)}.journey-icon{font-size:30px}.journey-card>span:nth-child(2),.staff-entry>span:nth-child(2){flex:1}.journey-card small,.journey-card strong,.journey-card em,.staff-entry b,.staff-entry small{display:block}.journey-card small{opacity:.75}.journey-card strong{font-size:21px;margin:4px 0}.journey-card em{font-size:13px;opacity:.75;font-style:normal}.staff-entry{margin-top:auto;background:var(--sage-soft)}.staff-entry>span:first-child{font-size:26px}.staff-entry small{font-weight:400;color:var(--muted);margin-top:3px}.staff-entry>b{background:var(--red);color:#fff;border-radius:999px;min-width:26px;height:26px;text-align:center;padding-top:3px}.value-strip{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff;border-radius:22px;padding:18px}.value-strip div{display:flex;gap:12px;align-items:center;justify-content:center;border-right:1px solid var(--line)}.value-strip div:last-child{border:0}.value-strip b{color:var(--coffee)}.page-head{display:flex;gap:18px;align-items:flex-start;margin:16px 0 28px}.page-head>div{flex:1}.page-head h2{margin-top:3px}.page-head p{margin:0}.compact-head{align-items:center}.compact-head h2{margin:0}.import-grid,.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.barista-order-start{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 28px;background:var(--coffee);color:#fff;border-radius:25px;box-shadow:var(--shadow);margin-bottom:25px}.barista-order-start>div{display:flex;align-items:center;gap:18px}.barista-order-start>div>span{font-size:42px}.barista-order-start small,.barista-order-start h3,.barista-order-start p{display:block;margin:0}.barista-order-start h3{font-size:23px;margin:4px 0}.barista-order-start p{opacity:.8;line-height:1.5}.barista-order-start .primary-button{background:#fff;color:var(--coffee2);white-space:nowrap}.assist-heading{margin:4px 0 13px}.assist-heading b,.assist-heading small{display:block}.assist-heading small{color:var(--muted);margin-top:4px}.assist-grid{grid-template-columns:repeat(3,1fr)}.import-card,.mode-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:26px;text-align:left;min-height:190px;transition:.2s;position:relative}.import-card.featured{background:var(--sage-soft);border-color:#bfd0c5}.import-card span,.mode-card span{font-size:34px;display:block}.import-card b,.import-card small,.import-card em,.mode-card b,.mode-card small{display:block}.import-card b,.mode-card b{font-size:19px;margin:18px 0 6px}.import-card small,.mode-card small{color:var(--muted);line-height:1.5}.import-card em{position:absolute;top:17px;right:17px;background:#fff;padding:5px 9px;border-radius:999px;font-size:11px;color:var(--coffee);font-style:normal}.privacy-note{margin-top:20px;padding:17px;border-radius:18px;background:var(--blue-soft);color:#365c71}.mode-grid{grid-template-columns:repeat(4,1fr)}.mode-card{min-height:178px}.sign-invite{width:100%;margin-top:18px;border:1px solid #d7c9f2;background:#f7f1ff;border-radius:22px;padding:20px;display:flex;align-items:center;gap:15px;text-align:left}.sign-invite>span:first-child{font-size:30px}.sign-invite>span:nth-child(2){flex:1}.sign-invite b,.sign-invite small{display:block}.sign-invite small{color:#716583;margin-top:3px}.category-tabs{display:flex;gap:9px;margin-bottom:18px;overflow:auto}.category-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 17px;white-space:nowrap}.category-tabs button.active{background:var(--coffee);color:#fff;border-color:var(--coffee)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.menu-card{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:22px;padding:20px;min-height:120px;transition:.2s}.menu-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(65,48,35,.08);border-color:#cbb8a7}.menu-card>span{font-size:34px;grid-row:1/3}.menu-card>div{min-width:0}.menu-card b,.menu-card small{display:block}.menu-card b{font-size:17px;line-height:1.3}.menu-card small{color:var(--muted);margin-top:5px;font-size:12px}.menu-card strong{color:var(--coffee);grid-column:2}.config-product{display:flex;align-items:center;gap:16px;padding:18px;background:var(--paper);border-radius:18px;margin-bottom:20px}.config-product>span{font-size:44px}.config-product small,.config-product h3,.config-product b{display:block}.config-product small{color:var(--muted)}.config-product h3{font-size:22px;margin:3px 0}.config-product b{color:var(--coffee)}.config-section{padding:15px 0;border-top:1px solid var(--line)}.config-section>label{display:block;font-weight:900;margin-bottom:10px}.option-row{display:flex;gap:9px;flex-wrap:wrap}.option-row button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 14px;font-weight:700}.option-row button.active{background:var(--coffee);border-color:var(--coffee);color:#fff;box-shadow:0 5px 12px rgba(91,63,47,.18)}.config-note{margin-top:15px}.menu-extras{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.menu-extras span{padding:9px 12px;border-radius:999px;background:var(--peach-soft);color:var(--coffee2);font-size:13px}.pour-over-card{display:flex;align-items:center;gap:20px;padding:28px;background:var(--sage-soft);border:1px solid #cbdccf;border-radius:22px}.pour-over-card>span{font-size:42px}.pour-over-card h3{font-size:23px}.pour-over-card p{margin:6px 0 0;color:var(--muted)}.confirm-layout{max-width:720px;margin:auto}.order-paper{background:#fff;border:1px solid var(--line);border-radius:27px;padding:27px;box-shadow:var(--shadow)}.paper-top{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding-bottom:15px;color:var(--muted);font-size:12px;letter-spacing:.08em}.confirm-product{display:flex;align-items:center;gap:17px;padding:25px 0}.confirm-product>span{font-size:38px}.confirm-product>div{flex:1}.confirm-product p{color:var(--muted);margin:5px 0}.raw-text,.double-check{padding:15px;border-radius:16px;background:var(--paper)}.raw-text small{color:var(--muted)}.raw-text p{margin:5px 0}.double-check{margin-top:12px;background:var(--sage-soft)}.confirm-actions,.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:17px}.secondary,.primary-button{border:0;border-radius:14px;padding:13px 18px;font-weight:800}.secondary{background:#f1eee8}.primary-button{background:var(--coffee);color:#fff}.primary-button:disabled{opacity:.4}.full{width:100%}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-start}.dashboard-head p{margin:0}.shift-state{padding:10px 14px;background:var(--sage-soft);border-radius:999px;font-weight:700}.shift-state i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4a9a67;margin-right:7px}.dashboard-tools{display:flex;gap:9px;margin:21px 0;overflow:auto}.dashboard-tools button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px 14px;white-space:nowrap}.order-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.order-column{background:#f4f0e9;border-radius:22px;padding:14px;min-height:400px}.order-column>header{padding:6px 5px 13px}.order-column h3{font-size:18px}.order-column h3 b{color:var(--muted);font-size:13px}.order-column p{font-size:12px;color:var(--muted);margin:4px 0}.order-list{display:flex;flex-direction:column;gap:11px}.order-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:15px;text-align:left;width:100%;overflow:hidden}.order-card.has-alert{border:2px solid var(--red);box-shadow:0 0 0 4px rgba(169,80,72,.08)}.order-card.has-change{border-left:5px solid var(--peach)}.order-meta{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.order-meta b{font-size:16px;color:var(--ink)}.order-meta time{margin-left:auto}.alert-ribbon{margin:10px -15px;padding:8px 15px;background:var(--red-soft);color:var(--red);font-size:12px;font-weight:800}.order-item{margin:14px 0}.order-item strong,.order-item small{display:block}.order-item small{color:var(--muted);margin-top:4px}.order-note,.order-change{border-radius:12px;padding:10px;font-size:13px;margin-top:8px}.order-note{background:var(--peach-soft)}.order-change{background:var(--red-soft)}.order-note b,.order-change b{display:block;font-size:11px;margin-bottom:3px}.message-count{font-size:12px;color:var(--blue);margin:10px 0}.order-card footer{border-top:1px solid var(--line);padding-top:11px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.empty-state{padding:40px 10px;text-align:center;color:var(--muted)}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:rgba(25,31,28,.42);z-index:20}.order-drawer{position:fixed;right:0;top:0;height:100vh;width:min(470px,95vw);background:#fff;z-index:21;padding:28px;overflow:auto;box-shadow:-20px 0 60px rgba(0,0,0,.15)}.drawer-close{float:right;border:0;background:#f1eee8;width:38px;height:38px;border-radius:50%;font-size:24px}.drawer-source{color:var(--muted);margin-bottom:18px}.drawer-item,.drawer-block{padding:15px;border-radius:15px;background:var(--paper);margin-bottom:10px}.drawer-item b,.drawer-item span,.drawer-block small,.drawer-block b{display:block}.drawer-item span,.drawer-block small{color:var(--muted);margin-top:4px}.drawer-block.important{background:var(--peach-soft)}.drawer-block.change{background:var(--red-soft)}.conversation{margin-top:24px}.conversation p{padding:11px;background:var(--blue-soft);border-radius:12px;font-size:13px}.conversation p.muted{background:#f3f1ed;color:var(--muted)}.message-compose{display:flex;gap:7px}.message-compose input{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0}.message-compose button{border:0;background:var(--coffee);color:#fff;border-radius:12px;padding:0 14px}.drawer-quick{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 18px}.drawer-quick button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 10px;font-size:12px}.floating-access{position:fixed;right:22px;bottom:20px;z-index:25;border:0;border-radius:999px;background:var(--ink);color:#fff;padding:12px 17px;box-shadow:0 10px 30px rgba(0,0,0,.2);display:flex;align-items:center;gap:8px}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(580px,calc(100% - 28px));max-height:90vh;overflow:auto;background:#fff;border-radius:28px;padding:25px;z-index:31;box-shadow:0 30px 80px rgba(0,0,0,.22)}.modal-backdrop{z-index:30}.modal.wide{width:min(760px,calc(100% - 28px))}.modal>header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.modal>header h2{font-size:28px}.modal>header>button{border:0;background:#f1eee8;width:38px;height:38px;border-radius:50%;font-size:24px}.live-caption small{display:block;color:var(--muted);margin-bottom:7px}.live-caption textarea,.big-input,.field input,.field textarea{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:15px;padding:15px;resize:vertical}.live-caption textarea{min-height:150px;font-size:18px}.record-button{width:100%;margin-top:13px;border:1px solid var(--red);color:var(--red);background:#fff;border-radius:14px;padding:13px;font-weight:800}.record-button.recording{background:var(--red);color:#fff}.modal-tip{font-size:12px;color:var(--muted)}.error-box{background:var(--red-soft);color:var(--red);padding:12px;border-radius:12px;margin-top:10px}.ai-parser-note{margin-top:12px;padding:11px 13px;border-radius:13px;background:#f7f1ff;color:#66567a;font-size:13px}.candidate-summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);margin-bottom:14px}.candidate-summary span{color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tool-grid button{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px 10px}.tool-grid span,.tool-grid b{display:block}.tool-grid span{font-size:26px}.tool-grid b{margin-top:8px}.compact-sign{margin-top:14px}.writer-toggle{display:flex;background:#f1eee8;border-radius:13px;padding:4px;margin-bottom:12px}.writer-toggle button{flex:1;border:0;background:transparent;padding:10px;border-radius:10px}.writer-toggle button.active{background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.08)}.canvas-wrap{height:300px;border:2px dashed #cfc3b4;border-radius:18px;position:relative;background:#fff}.canvas-wrap canvas{width:100%;position:relative;z-index:2;touch-action:none}.canvas-wrap>span{position:absolute;inset:0;display:grid;place-items:center;color:#b5aa9e}.big-input{min-height:150px;font-size:26px}.phrase-row{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.phrase-row button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px}.big-display{position:fixed;inset:0;width:100%;height:100%;border:0;background:#fff;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8vw;z-index:100}.big-display span{font-size:clamp(50px,11vw,150px);font-weight:900;line-height:1.15}.big-display small{position:absolute;bottom:22px;color:#666}.sign-note{padding:11px;background:#f7f1ff;color:#6f5d85;border-radius:13px;font-size:13px}.sign-card{text-align:center;padding:22px}.sign-emoji{font-size:64px}.sign-card>small{display:block;color:var(--muted);margin-top:5px}.sign-card h2{font-size:42px}.sign-card p{color:var(--muted)}.sign-demo{display:flex;gap:14px;text-align:left;align-items:center;background:var(--sage-soft);border-radius:17px;padding:16px}.sign-demo>span{font-size:35px}.sign-demo b,.sign-demo small{display:block}.sign-demo small{color:var(--muted);margin-top:4px}.sign-actions{display:flex;justify-content:center;gap:9px}.barista-feedback{margin-top:12px;background:var(--peach-soft);padding:13px;border-radius:13px}.reply-list{display:flex;flex-direction:column;gap:8px}.reply-list button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;display:flex;justify-content:space-between;text-align:left}.reply-list b{color:var(--coffee)}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.help-grid button{border:1px solid var(--line);background:#fff;border-radius:15px;padding:17px;text-align:left}.field{display:block;margin-bottom:13px;font-weight:700}.field input,.field textarea{display:block;margin-top:6px;font-weight:400}.field textarea{min-height:90px}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;z-index:150;box-shadow:0 10px 30px rgba(0,0,0,.2)}
@media(max-width:850px){.home-hero{grid-template-columns:1fr}.hero-copy{padding:34px}.mode-grid{grid-template-columns:repeat(2,1fr)}.assist-grid{grid-template-columns:repeat(3,1fr)}.barista-order-start{align-items:flex-start}.barista-order-start>div{align-items:flex-start}.import-grid{grid-template-columns:1fr}.order-board{grid-template-columns:1fr}.order-column{min-height:auto}.dashboard-head{flex-direction:column;gap:12px}.value-strip{grid-template-columns:1fr;gap:10px}.value-strip div{border-right:0;justify-content:flex-start}.menu-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.app-shell{padding:16px 14px 80px}.barista-order-start{display:block;padding:22px}.barista-order-start .primary-button{width:100%;margin-top:18px}.assist-grid{grid-template-columns:1fr}.assist-grid .mode-card{min-height:auto}.menu-grid{grid-template-columns:1fr}.menu-card{min-height:100px;padding:17px}.option-row{display:grid;grid-template-columns:repeat(2,1fr)}.option-row button{padding:11px 8px}.topbar{margin-bottom:22px}.ghost{font-size:12px}.hero-copy{padding:27px}.home-actions{padding:13px}.journey-card{padding:17px}.journey-card strong{font-size:18px}.mode-grid{grid-template-columns:1fr 1fr;gap:10px}.mode-card{padding:17px;min-height:150px}.tool-grid{grid-template-columns:1fr 1fr}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.floating-access{right:13px;bottom:12px}.confirm-actions{flex-direction:column}.confirm-actions button{width:100%}}

.menu-section{margin:24px 0 32px}.menu-section h3{margin-bottom:14px}.menu-section>p{color:var(--muted);margin-bottom:18px}