@font-face{font-family:Rubik;src:url(/fonts/Rubik-wght.ttf) format("truetype");font-weight:300 900;font-style:normal;font-display:swap}:root{--sand-dark: #d8c6a5;--ink: #2a1a10;--rug: #8e2c2c;--app-h: 100dvh;color-scheme:light}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--sand-dark);color:var(--ink);font-family:Rubik,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.app{position:fixed;inset:0;height:100vh;height:var(--app-h);display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}.stage{position:relative;flex:1 1 auto;min-height:0}.foot{flex:0 0 auto;display:flex;gap:8px;align-items:center;justify-content:center;padding:4px 16px;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;background:var(--ink);color:#e9dcc3}.foot .name{font-weight:700;color:#f5d28a;flex:0 0 auto}.foot .keys{overflow:hidden;text-overflow:ellipsis;min-width:0}.qahwa-wall{width:min(420px,calc(100% - 32px));box-sizing:border-box;padding:10px 14px 8px;border:2px solid #c9a24a;border-radius:10px;background:#2a1a10eb;color:#fff4dc;font-family:Rubik,system-ui,sans-serif;text-align:center;box-shadow:0 6px 24px #00000059}.qahwa-wall form{margin:0}.qahwa-wall-prompt{display:block;font-size:16px;font-weight:700;color:#f5d28a;margin-bottom:6px}.qahwa-wall-row{display:flex;gap:8px}.qahwa-wall input{flex:1 1 auto;min-width:0;font:inherit;font-size:18px;padding:6px 10px;border:1px solid #c9a24a;border-radius:6px;background:#fff4dc;color:var(--ink);-webkit-user-select:text;user-select:text}.qahwa-wall input:focus{outline:2px solid #f5d28a;outline-offset:1px}.qahwa-wall button,.qahwa-board button{font:inherit;font-weight:700;cursor:pointer;border-radius:6px}.qahwa-wall button{flex:0 0 auto;padding:6px 16px;border:0;background:var(--rug);color:#fff4dc}.qahwa-wall button:disabled,.qahwa-wall input:disabled{opacity:.6}.qahwa-wall-note{margin-top:4px;font-size:13px;color:#c9b79a}.qahwa-wall-note.is-error{color:#ffb3a6;font-weight:700}.qahwa-wall-rank{font-size:24px;font-weight:700;color:#f5d28a}.qahwa-wall-week{font-size:16px;color:#fff4dc}.qahwa-wall-day{font-size:26px;font-weight:700;color:#ffe9b0}.qahwa-wall-late{font-size:18px;font-weight:700;color:#ffd0a0}.qahwa-board{display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:#140c079e;font-family:Rubik,system-ui,sans-serif}.qahwa-board-panel{width:min(560px,100%);max-height:100%;display:flex;flex-direction:column;box-sizing:border-box;border:3px solid #c9a24a;border-radius:14px;background:#f1e4c8;color:var(--ink);box-shadow:0 10px 40px #00000073;outline:none;overflow:hidden}.qahwa-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 8px;background:var(--ink);color:#f5d28a}.qahwa-board-head h2{margin:0;font-size:22px}.qahwa-board-close{padding:4px 12px;border:1px solid #c9a24a;background:transparent;color:#f5d28a}.qahwa-board-tabs{display:flex;gap:6px;padding:8px 16px 0;background:var(--ink)}.qahwa-board-tab{padding:6px 14px;border:0;border-radius:8px 8px 0 0;background:#f1e4c82e;color:#e9dcc3}.qahwa-board-tab.is-on{background:#f1e4c8;color:var(--ink)}.qahwa-board-day{margin:0;padding:8px 16px 0;font-size:15px;font-weight:700;color:#6b4a2a}.qahwa-board-body{overflow:auto;padding:8px 16px 14px;-webkit-user-select:text;user-select:text}.qahwa-board table{width:100%;border-collapse:collapse;font-size:15px}.qahwa-board th{font-size:12px;font-weight:700;color:#6b4c2e;text-align:start;padding:6px;border-bottom:2px solid #c9a24a}.qahwa-board td{padding:6px;border-bottom:1px solid rgba(107,76,46,.2);font-variant-numeric:tabular-nums}.qahwa-board td:nth-child(2){font-weight:700;overflow-wrap:anywhere}.qahwa-board td:nth-child(5){color:#6b4c2e;font-size:13px;white-space:nowrap}.qahwa-board tr.is-me td{background:#8e2c2c24}.qahwa-board tr.is-me td:first-child{box-shadow:inset 4px 0 0 var(--rug)}.qahwa-board[dir=rtl] tr.is-me td:first-child{box-shadow:inset -4px 0 0 var(--rug)}.qahwa-board-note{margin:16px 0;text-align:center;color:#6b4c2e}@media(max-width:480px){.qahwa-board{padding:8px}.qahwa-board table{font-size:14px}.qahwa-board th:nth-child(4),.qahwa-board td:nth-child(4){display:none}}
