/* Mint: the page never scrolls; named regions do. Palettes and shapes are inline per view (Brief 1 §2). */
html,body{margin:0;height:100%}
body{-webkit-font-smoothing:antialiased;font-family:'Funnel Sans',sans-serif;font-size:14px}
#app{height:100%}
*{box-sizing:border-box}
a{color:inherit}
input,select,button{font:inherit;color:inherit}
input::placeholder{color:inherit;opacity:.55}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18)}
.disp{font-family:'Funnel Display',sans-serif}
.mono{font-family:'Courier Prime',monospace}
.tab{font-variant-numeric:tabular-nums}
.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-hover:hover{box-shadow:inset 3px 0 0 var(--ink)}
.panel-hover:hover{box-shadow:inset 0 0 0 2px var(--ink)}
.outline-hover:hover{box-shadow:inset 0 0 0 1.5px var(--acc)}
.ul-hover:hover{text-decoration:underline;text-underline-offset:3px}
.red-hover:hover{color:#8a0f1c}
.dash-hover:hover{border-bottom-style:solid !important;color:var(--ink) !important}
.focus-ul:focus{border-bottom-color:var(--ink) !important}
.pointer{cursor:pointer}
.scroll{flex:1;min-height:0;overflow:auto}
input[type=date],input[type=month]{color-scheme:light}
.dark input[type=date],.dark input[type=month]{color-scheme:dark}
.gate{height:100%;display:flex;align-items:center;justify-content:center;background:#efe7d4;color:#0f2230}
.gate .card{width:440px;background:#9cc6d9;padding:34px 36px;display:flex;flex-direction:column;gap:14px}
.gate .btn{height:46px;display:flex;align-items:center;justify-content:center;background:#0f2230;color:#f8f4ea;font-size:15px;font-weight:500;cursor:pointer}
.gate .btn:hover{text-decoration:underline;text-underline-offset:3px}