@import "https://fonts.googleapis.com/css2?family=Silkscreen&display=swap";.ipod{aspect-ratio:51/91;background:var(--body-color,silver);border-radius:0;flex-direction:column;width:auto;height:100dvh;max-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff6,0 4px 20px #0000004d}.ipod:before{content:"";pointer-events:none;background:linear-gradient(#ffffff26 0%,#0000 30%,#0000000d 100%);position:absolute;inset:0}.screen{aspect-ratio:138/110;border:2px solid #555;border-radius:2px;flex-direction:column;flex-shrink:0;align-self:center;width:82%;min-height:0;margin-top:8%;font-family:Silkscreen,Chicago,Courier New,monospace;font-size:28px;display:flex;position:relative;overflow:hidden}.click-wheel{flex:1;justify-content:center;align-items:center;padding:4px;display:flex}.click-wheel__svg{touch-action:none;-webkit-user-select:none;user-select:none;width:78%;height:auto;max-height:100%}.click-wheel__ring{cursor:grab}.click-wheel__ring:active{cursor:grabbing}.click-wheel__center{cursor:pointer}.click-wheel__label{-webkit-user-select:none;user-select:none;font-family:Silkscreen,Chicago,monospace}.scrollable-list{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.scrollable-list__items{flex-direction:column;flex:1;display:flex;overflow:hidden}.scrollable-list__item{cursor:pointer;flex-shrink:0;justify-content:space-between;align-items:center;padding:2px 8px;font-size:.8em;display:flex}.scrollable-list__item--selected{background:var(--lcd-text,#000);color:var(--lcd-bg,#b8b8b0)}.scrollable-list__label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.scrollable-list__arrow{margin-left:8px;font-weight:700}.scrollable-list__scrollbar{border-left:1px solid var(--lcd-text,#000);flex-shrink:0;width:4px;position:relative}.scrollable-list__scrollbar:before{content:"";background:repeating-linear-gradient(180deg, var(--lcd-text,#000) 0, var(--lcd-text,#000) 1px, transparent 1px, transparent 4px);opacity:.2;width:2px;position:absolute;top:0;bottom:0;left:1px}.scrollable-list__scrollbar-thumb{background:var(--lcd-text,#000);opacity:.65;width:4px;position:absolute;left:0}.volume-bar{color:var(--lcd-text,#000);align-items:center;gap:6px;padding:8px 12px;display:flex}.volume-bar__icon{flex-shrink:0;width:12px;height:12px}.volume-bar__icon--loud{width:18px}.volume-bar__track{border:2px solid var(--lcd-text,#000);background:0 0;flex:1;height:8px}.volume-bar__fill{background:var(--lcd-text,#000);height:100%}.qr-overlay{flex:1;justify-content:center;align-items:center;display:flex}.confirm-dialog{background:var(--lcd-bg,#b8b8b0);z-index:20;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.confirm-dialog__message{text-align:center;margin-bottom:8px;padding:12px;font-size:.8em}.confirm-dialog__options{gap:16px;display:flex}.confirm-dialog__option{cursor:pointer;border-radius:4px;padding:4px 16px;font-size:.75em}.confirm-dialog__option--selected{background:var(--lcd-text,#000);color:var(--lcd-bg,#b8b8b0)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:focus{outline:none}html,body{background:#1a1a1a;height:100%;font-family:Silkscreen,monospace;overflow:hidden}#root{justify-content:center;align-items:center;height:100dvh;display:flex}