:root{--bg: #050505;--surface: #080808;--dim: #333333;--accent: #555555}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--dim);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;overscroll-behavior:none}#app{width:100%;height:100%;position:relative}button{font-family:inherit;background:none;border:none;color:inherit;padding:0;margin:0;cursor:pointer}.drift{width:100%;height:100%;position:relative;background:var(--bg)}.drift__settings{position:absolute;top:env(safe-area-inset-top,0);right:max(0px,calc(50% - 240px));z-index:2;padding:20px;font-size:16px;color:var(--accent)}.drift__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;gap:0}.drift__word{height:48px;width:100%;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--accent)}.drift__word-text{opacity:0}.drift__spacer-24{height:24px}.drift__spacer-32{height:32px}.drift__toggle{width:160px;height:160px;border-radius:50%;border:1px solid var(--accent);background:transparent;font-size:22px;color:var(--accent);display:flex;align-items:center;justify-content:center}.drift__toggle[disabled]{color:var(--dim);cursor:default}.countdown{height:132px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--accent);font-variant-numeric:tabular-nums}.picker{height:132px;display:flex;flex-direction:row;align-items:center;justify-content:center}.picker__sep{color:var(--accent);font-size:28px;padding:0 8px}.wheel{width:72px;height:132px;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;position:relative;touch-action:pan-y}.wheel::-webkit-scrollbar{display:none}.wheel__item{height:44px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:28px;color:var(--dim);font-variant-numeric:tabular-nums;will-change:opacity,color;-webkit-user-select:none;user-select:none}.wheel__item--center{color:var(--accent)}.wheel__pad{height:44px}.settings{width:100%;height:100%;position:relative;background:var(--bg);overflow-y:auto}.settings__back{position:absolute;top:env(safe-area-inset-top,0);left:max(0px,calc(50% - 240px));z-index:2;padding:8px;display:flex;align-items:center;gap:10px;color:var(--accent)}.settings__back-arrow{font-size:22px;line-height:1}.settings__back-text{font-size:16px}.settings__inner{padding:0 24px;padding-top:calc(env(safe-area-inset-top,0) + 72px);padding-bottom:calc(env(safe-area-inset-bottom,0) + 32px);max-width:480px;margin:0 auto}.settings__title{font-size:22px;font-weight:300;color:var(--accent);margin:0 0 32px}.section{margin-bottom:32px}.section__label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);opacity:.4;margin-bottom:16px}.pills{display:flex;flex-direction:row;gap:8px;width:100%}.pill{flex:1;height:48px;border-radius:24px;border:1px solid;border-color:#5553;color:#55555559;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:400;background:transparent;transition:color .12s,border-color .12s,border-width 0ms}.pill--selected{border-width:2px;border-color:var(--accent);color:var(--accent);font-weight:600}