*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#0c0c0c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes wwmd-spin{to{transform:rotate(360deg)}}@keyframes wwmd-chain{to{stroke-dashoffset:-16}}@keyframes wwmd-flash{0%,to{opacity:1}50%{opacity:.15}}@keyframes wwmd-pulse{0%,to{opacity:1}60%{opacity:.45}}@keyframes wwmd-modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.wwmd-modal{animation:wwmd-modal-in .2s ease-out}.wwmd{font-family:var(--font-ui);background:var(--bg);color:var(--text);min-height:100vh;container-type:inline-size;transition:background .6s,color .6s}.wwmd-entry,.wwmd-num-field,.wwmd-left,.wwmd-right{transition:background-color .6s,border-color .6s}.wwmd input,.wwmd button{font-family:inherit}.wwmd input::placeholder{color:var(--text-dim);opacity:.55}.wwmd input:focus{outline:none}.wwmd-grid{display:grid;grid-template-columns:1fr}.wwmd-hero{width:100%;height:auto;display:block;overflow:visible;cursor:pointer}.wwmd-wheel-short,.wwmd-wordmark-short{display:none}@container (min-width: 720px){.wwmd-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.wwmd-left{display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 61px)}.wwmd-hero{width:100%;height:100%}.wwmd-right{overflow-y:auto;max-height:calc(100vh - 61px)}}@container (max-width: 430px){.wwmd-wheel-long{display:none}.wwmd-wheel-short{display:inline}}@container (max-width: 500px){.wwmd-wordmark-full{display:none}.wwmd-wordmark-short{display:block}}.wwmd-num-field{width:100%;border-radius:3px;text-align:center;font-family:var(--font-mono);font-size:28px;font-weight:700;padding:13px 6px;cursor:ns-resize;transition:box-shadow .15s;background:var(--bg2)}.wwmd-num-field:hover:not(:focus){filter:brightness(1.08)}.wwmd-num-field:focus{cursor:text;box-shadow:inset 0 0 0 1px currentColor}.wwmd-num-field.flashing{animation:wwmd-flash .22s ease}.wwmd-wheel-btn{flex:1;padding:7px 3px;border-radius:3px;cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.03em;background:transparent;border:1.5px solid transparent;color:var(--text-dim);transition:border-color .14s,background .14s,color .12s}.wwmd-wheel-btn:not(.active):hover{border-color:var(--border);color:var(--text)}.wwmd-add-btn{border:none;border-radius:3px;cursor:pointer;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.12em;padding:12px 20px;white-space:nowrap;transition:filter .12s,transform .12s}.wwmd-add-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.wwmd-add-btn:active{transform:scale(.96) translateY(0)}.wwmd-add-btn:disabled{opacity:.35;cursor:not-allowed;filter:none;transform:none}.wwmd-entry{border-radius:4px;padding:12px 14px;position:relative;transition:transform .14s}.wwmd-entry:hover{transform:translateY(-1px)}.wwmd-del{opacity:0;position:absolute;top:9px;right:10px;background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:17px;line-height:1;padding:0 2px;transition:opacity .14s,color .1s}.wwmd-entry:hover .wwmd-del{opacity:1}.wwmd-del:hover{color:#e8001d!important}.wwmd-clear-btn{transition:color .14s}.wwmd-clear-btn:hover{color:var(--text)!important}.wwmd-dot{border-radius:50%;cursor:pointer;padding:0;border:none;background:none;transition:transform .14s;overflow:hidden;flex-shrink:0;display:block}.wwmd-dot:hover{transform:scale(1.18)}.wwmd-dot.active{transform:scale(1.08)}.wwmd-dark-toggle{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-dim);border-radius:3px;transition:color .15s;display:flex;align-items:center;justify-content:center}.wwmd-dark-toggle:hover{color:var(--text)}.wwmd-section-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--text-dim);margin-bottom:10px;text-transform:uppercase}