:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;overflow:hidden;background:#000;color:#fafafa}.flashlight-app{position:relative;width:100vw;height:100vh;overflow:hidden}.light-surface{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;transition:background .3s ease,opacity .25s ease;display:grid;place-items:center}.light-surface.off{background:#111}.light-surface.on{background:#fff}.off-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;-webkit-user-select:none;user-select:none}.power-icon{color:#ffffff4d;transition:color .2s ease}.light-surface:hover .power-icon{color:#fff9}.tap-hint{font-size:.95rem;color:#ffffff59;letter-spacing:.02em}.controls{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);width:min(320px,85vw);display:flex;flex-direction:column;gap:.75rem;z-index:10}.brightness-label{display:flex;justify-content:space-between;font-size:.85rem;color:#ffffff80;font-weight:500}.brightness-value{font-variant-numeric:tabular-nums;color:#ffffffb3}.note{font-size:.75rem;color:#ffffff40;text-align:center;margin-top:.25rem}.brightness-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff1f;outline:none;cursor:pointer}.brightness-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006;cursor:pointer;transition:transform .15s ease}.brightness-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.brightness-slider::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006;cursor:pointer}.controls-on{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);width:min(300px,80vw);display:flex;align-items:center;gap:1rem;z-index:10}.brightness-slider--on{background:#00000026}.brightness-slider--on::-webkit-slider-thumb{background:#333}.brightness-slider--on::-moz-range-thumb{background:#333}.brightness-value--on{color:#00000080;font-size:.85rem;font-variant-numeric:tabular-nums;min-width:3ch;text-align:right}