body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"cv05","cv11","ss01";width:100vw;height:100vh;margin:0;--background-color: #f9f8f4;--surface-color: rgba(255, 252, 245, .5);--opaque-surface-color: rgb(255, 252, 245);--on-background-color: #45403c;--on-surface-color: #2d2a26;--outline-color: rgba(223, 225, 229, .3);background-color:var(--background-color);color:var(--on-background-color)}h3{margin:0}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--surface-color);box-shadow:0 1px 12px #00000040;border:1px solid var(--outline-color)}.opaque-surface{background-color:var(--opaque-surface-color);box-shadow:0 1px 12px #00000040;border:1px solid var(--outline-color)}.widget{width:320px;height:150px;border-radius:20px;padding:12px;color:var(--on-surface-color)}button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.icon-button{transition:transform .05s ease-out}.icon-button:hover{transform:scale(1.05)}.icon-button:active{transform:scale(.95)}.normal-button{padding:10px 16px;border-radius:20px;background-color:var(--surface-color);border:1px solid var(--outline-color);transition:box-shadow .1s ease-in-out,border-color .1s ease-in-out}.normal-button:hover{box-shadow:0 4px 12px #2021244d}.normal-button:active{box-shadow:0 1px 6px #20212447;border-color:#dfe1e500}.normal-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;border-color:var(--outline-color)}