:root{font-family:Tahoma,Noto Sans Thai,Arial,sans-serif;color:#3d302b;background:#fff8f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:15px}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #8d4935;outline-offset:4px}a{color:inherit;text-decoration:none}.site-header{max-width:1120px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ead8ca}.brand{display:flex;align-items:center;font-size:20px;font-weight:700;gap:9px}.brand-icon{background:#b95138;color:#fffaf5;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;transform:rotate(-8deg)}.brand-dot{color:#b6543d;margin-left:-8px}.header-note{font-size:12px;color:#765b4c}main{max-width:860px;margin:auto;padding:0 28px 32px}.intro{position:relative;text-align:center;padding:24px 0 34px}h1{font-size:clamp(34px,5vw,48px);letter-spacing:-1.6px;margin:17px 0 14px;line-height:1.4}h1>span{color:#b6543d}.workspace{max-width:760px;margin:auto}.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#f3e4d9;border-radius:15px;padding:5px;gap:5px;margin-bottom:19px}.tabs button{border:0;background:transparent;color:#6d594f;min-height:53px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700}.tabs button[aria-selected=true]{background:#fffdfa;color:#49382f;box-shadow:0 2px 5px #59372612}.tabs button>span{font-size:22px}.form-card{background:#fffdfa;border:1px solid #e9d9cc;border-radius:23px;padding:29px 32px 21px;box-shadow:0 6px 24px #623d220d}.section-heading{display:flex;gap:14px;align-items:center;margin-bottom:28px}.category-icon{flex-shrink:0;background:#f8e4d2;display:grid;place-items:center;border-radius:16px;width:54px;height:54px;font-size:29px}h2{font-size:21px;margin:0 0 6px}.select-grid{display:grid;gap:16px}.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.select-group{min-width:0}.select-group label{display:block;font-weight:700;font-size:13px;margin-bottom:10px}select{width:100%;min-height:48px;padding:10px 29px 10px 12px;color:#3d302b;background:#fffdfa;border:1px solid #d9c3b4;border-radius:9px;text-overflow:ellipsis}.random-single{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;border:1px solid #e3d1c1;border-radius:9px;margin-top:9px;background:#f7eee7;color:#65534a;font-size:13px}.random-single svg{width:16px}.random-single:hover:not(:disabled){background:#f2e1d5}.select-group select:disabled,.random-single:disabled{opacity:.45}.switch-row{display:flex;align-items:center;justify-content:space-between;margin:19px 0 0;gap:10px}.toggle{background:none;border:0;display:flex;align-items:center;gap:9px;min-height:44px;padding:0;color:#55433b;font-size:12px}.toggle-track{width:35px;height:21px;border-radius:20px;background:#cdb6a6;display:flex;align-items:center;padding:3px}.toggle-track>span{height:15px;width:15px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0002}.toggle[aria-checked=true] .toggle-track{background:#b65037}.toggle[aria-checked=true] .toggle-track>span{margin-left:14px}.toggle-state{font-size:11px;border:1px solid #decabe;padding:2px 6px;border-radius:5px;color:#705a50}.helper{font-size:11px;color:#756358;line-height:1.7}.result-card{text-align:center;background:#ffe9d8;border:1px solid #edc9ae;border-radius:14px;margin-top:24px;padding:23px 18px 21px;overflow-wrap:anywhere}.result{font-size:clamp(20px,3vw,25px);font-weight:700;line-height:1.65;margin:11px 0 8px;color:#543c32}.random-all{min-height:54px;display:flex;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:20px;border:1px solid #a94730;background:#b95138;color:#fffaf5;border-radius:11px;font-weight:700;position:relative;box-shadow:0 3px #853822}.random-all>span{position:absolute;right:20px;font-size:22px;font-weight:400}.random-all:hover{background:#a9442d}.bottom-note{text-align:center;font-size:10px;line-height:1.8;color:#755d50;margin:14px 0 0}.after-card{text-align:center;margin:25px 0 35px;color:#755d50;font-size:12px}.after-card>span{font-size:19px;vertical-align:middle;margin-right:5px}footer{max-width:1056px;margin:0 auto;padding:21px 4px;border-top:1px solid #ead8ca;display:flex;justify-content:space-between;color:#755d50;font-size:10px}footer>span:first-child{font-weight:700}.drink-picker{border-bottom:1px solid #ead8ca;padding-bottom:20px;margin-bottom:24px}fieldset{border:0;padding:0;margin:0}legend{font-weight:700;font-size:13px;margin-bottom:12px}.drink-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.drink-options label{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;border:1px solid #decabe;border-radius:9px;font-size:13px;cursor:pointer}.drink-options label:has(input:checked){background:#ffe9d8;border-color:#a95b43;color:#5d4539}.drink-options input{accent-color:#ac4f35;margin:0;width:16px;height:16px}.cross-random{width:100%;min-height:47px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;background:#cce5ef;border:1px solid #bdd6dc;color:#324b54;border-radius:9px;font-weight:700;font-size:13px}.cross-random:hover{background:#b7dbe7}.drink-picker>.helper{text-align:center;margin:8px 0 0}@media(max-width:600px){.site-header{padding:18px 20px}.brand{font-size:17px}.header-note{font-size:10px}main{padding:0 16px 24px}.intro{padding:20px 0 26px}h1{font-size:35px}.tabs{gap:3px;padding:4px;margin-bottom:15px}.tabs button{flex-direction:column;gap:4px;font-size:11px;min-height:66px}.tabs button>span{font-size:23px}.form-card{padding:22px 19px 19px;border-radius:18px}.section-heading{gap:10px;margin-bottom:23px}.category-icon{width:45px;height:45px;font-size:25px;border-radius:12px}h2{font-size:19px}.select-grid{grid-template-columns:1fr;gap:20px}.select-group label{margin-bottom:8px}select{min-height:48px}.switch-row{flex-wrap:wrap;gap:0}.switch-row>.helper{margin-left:auto}.result-card{padding:19px 13px;margin-top:20px}.result{font-size:21px}.drink-options{gap:6px}.drink-options label{font-size:11px;gap:4px}.drink-options label>span{display:none}footer{margin:0 20px;padding:18px 0;gap:15px;font-size:9px}.after-card{margin:23px 0 28px}}.select-with-lock{display:flex;align-items:stretch;gap:7px}.select-with-lock select{flex:1;min-width:0}.lock-button{flex:0 0 44px;min-height:48px;border:1px solid #d9c3b4;border-radius:9px;background:#f7eee7;font-size:18px}.lock-button[aria-pressed=true]{border:2px solid #b65037;background:#f7d6c2}.lock-button:hover{background:#f1ddce}.random-all:disabled{background:#ebe4dd;border-color:#d6c9be;color:#806c5f;box-shadow:none}.section-heading h2{margin:0}.bottom-note:empty{margin:0}.lock-icon{display:none}@media(min-width:601px)and (hover:hover)and (pointer:fine){.select-with-lock{gap:8px}.select-with-lock select{appearance:none;-webkit-appearance:none;padding:12px 38px 12px 14px;border-radius:11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b574d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .15s,background-color .15s}.select-with-lock select:hover:not(:disabled){border-color:#a95b43;background-color:#fff6ee}.lock-button{display:grid;place-items:center;border-radius:11px;color:#705a50;background:#f8ede4}.lock-button[aria-pressed=true]{color:#49382f;background:#f7d6c2}.lock-button:hover{background:#f2e1d5}.lock-emoji{display:none}.lock-icon{display:block}}:root{color-scheme:light}.result-row{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px}.result-row:before{content:""}.result-row .result{min-width:0}.copy-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #e7bda4;border-radius:10px;background:#fffaf5;color:#8d4935}.copy-button:hover{background:#fff1e5}.copy-status{display:block;min-height:0;color:#715348;font-size:11px}.copy-status:not(:empty){margin-top:7px}