:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#111827;--bg-elevated:#1f2937;--bg-hover:#273444;--border:#374151;--text:#f3f4f6;--text-muted:#9ca3af;--accent:#6366f1;--accent-hover:#4f46e5;--danger:#ef4444;--danger-hover:#dc2626;--radius:12px;--radius-sm:8px;--shadow:0 4px 12px #0000004d;color:var(--text);background-color:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f9fafb;--bg-elevated:#fff;--bg-hover:#f3f4f6;--border:#e5e7eb;--text:#111827;--text-muted:#6b7280;--shadow:0 4px 12px #00000014}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);justify-content:center;display:flex}#root{width:100%;max-width:720px;padding:1rem 1rem 6rem}h1,h2{margin:0}.btn{border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:500;transition:background-color .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--bg-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn--danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.btn--ghost{border-color:var(--border);background:0 0}.btn--ghost:hover{background:var(--bg-hover)}.btn--lg{padding:.875rem 1.25rem;font-size:1rem}.btn--block{width:100%}.icon-btn{border:1px solid var(--border);background:var(--bg-elevated);width:2.5rem;height:2.5rem;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;transition:background-color .15s;display:inline-flex}.icon-btn:hover{background:var(--bg-hover)}.lists-page{flex-direction:column;gap:1rem;display:flex}.lists-page__header{justify-content:space-between;align-items:center;padding:.5rem 0 1rem;display:flex}.lists-page__title{font-size:1.75rem;font-weight:700}.lists-page__main{flex-direction:column;gap:.75rem;display:flex}.lists-page__loading{text-align:center;color:var(--text-muted);padding:2rem}.lists-page__bottom{background:linear-gradient(to top, var(--bg) 60%, transparent);pointer-events:none;justify-content:center;padding:1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.lists-page__bottom>.btn{pointer-events:auto;width:calc(100% - 2rem);max-width:720px;box-shadow:var(--shadow)}.alert{border-radius:var(--radius-sm);color:var(--danger);background:#ef44441f;border:1px solid #ef44444d;padding:.75rem 1rem}.list-grid{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.list-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.75rem;padding:1rem;transition:background-color .15s,border-color .15s,transform 50ms;display:flex;position:relative}.list-card:hover{background:var(--bg-hover);border-color:var(--accent)}.list-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.list-card:active{transform:scale(.995)}.list-card__body{flex:1;min-width:0}.list-card__title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem;font-weight:600;overflow:hidden}.list-card__meta{color:var(--text-muted);margin-top:.25rem;font-size:.8125rem}.list-card__kebab{background:0 0;border:none;width:2.25rem;height:2.25rem;font-size:1.25rem}.list-card__kebab:hover{background:var(--bg-hover)}.list-menu{z-index:20;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:10rem;box-shadow:var(--shadow);flex-direction:column;padding:.25rem;display:flex;position:absolute;top:calc(100% - .5rem);right:.75rem}.list-menu__item{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.625rem .75rem;display:flex}.list-menu__item:hover{background:var(--bg-hover)}.list-menu__item--danger{color:var(--danger)}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.empty-state__icon{font-size:3rem}.empty-state__title{font-size:1.25rem;font-weight:600}.empty-state__text{color:var(--text-muted);max-width:22rem;margin:0 0 .5rem}.app-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow);width:24rem;max-width:90vw;padding:0}.app-dialog::backdrop{background:#00000080}.app-dialog__form{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.app-dialog__title{font-size:1.125rem;font-weight:600}.app-dialog__message{color:var(--text-muted);margin:0}.app-dialog__input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);font:inherit;padding:.625rem .75rem}.app-dialog__input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.app-dialog__actions{justify-content:flex-end;gap:.5rem;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.detail-page{flex-direction:column;gap:1rem;display:flex}.detail-page__header{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.detail-page__back{flex-shrink:0;width:2.5rem;height:2.5rem;text-decoration:none}.detail-page__title-wrap{flex:1;min-width:0}.detail-page__title{text-overflow:ellipsis;white-space:nowrap;font-size:1.5rem;font-weight:700;overflow:hidden}.detail-page__meta{color:var(--text-muted);margin-top:.125rem;font-size:.8125rem}.detail-page__main{flex-direction:column;gap:.75rem;display:flex}.quick-add{z-index:10;background:var(--bg);gap:.5rem;padding:.5rem 0;display:flex;position:sticky;top:0}.quick-add__input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);min-width:0;color:var(--text);font:inherit;flex:1;padding:.75rem 1rem}.quick-add__input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.quick-add__submit{flex-shrink:0;min-width:2.75rem;padding-left:.875rem;padding-right:.875rem;font-size:1.25rem}.item-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.item-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem .875rem;transition:background-color .15s,border-color .15s,transform 50ms;display:flex}.item-row:hover{background:var(--bg-hover);border-color:var(--accent)}.item-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.item-row__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;overflow:hidden}.item-row__actions{flex-shrink:0;gap:.25rem;display:flex}.item-row--editing{background:var(--bg-elevated);border-color:var(--accent);cursor:default}.item-row__edit-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-width:0;color:var(--text);font:inherit;flex:1;padding:.5rem .625rem}.item-row__edit-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.icon-btn--sm{background:0 0;border:none;width:2rem;height:2rem;font-size:1rem}.icon-btn--sm:hover{background:var(--bg-hover)}.draw-page{background:var(--bg);color:var(--text);z-index:100;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.draw-page__back{z-index:2;position:absolute;top:1rem;left:1rem}.draw-page__loading,.draw-page__empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.draw-page__empty h2{margin:0;font-size:1.25rem}.draw-page__empty p{color:var(--text-muted);max-width:24rem;margin:0}.draw-page__idle{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;width:100%;max-width:28rem;margin:0 auto;padding:2rem 1.5rem;display:flex}.draw-page__title{margin:0;font-size:2rem;font-weight:700}.draw-page__subtitle{color:var(--text-muted);margin:0}.draw-page__chips{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.draw-chip{border:2px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:var(--radius);font:inherit;cursor:pointer;padding:.75rem 1.25rem;font-weight:600;transition:border-color .15s,background .15s,transform .15s}.draw-chip:hover{background:var(--bg-hover)}.draw-chip--active{border-color:var(--accent);background:var(--bg-hover)}.draw-page__start{width:100%;max-width:20rem;margin-top:1rem}.draw-stage{flex:1;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative;overflow:hidden}.carousel{width:100%;max-width:48rem;position:relative}.carousel__pointer{pointer-events:none;z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.carousel__arrow{color:var(--accent);margin-top:-.25rem;font-size:1.5rem;line-height:1}.carousel__line{background:var(--accent);width:2px;box-shadow:0 0 12px var(--accent);flex:1}.carousel__viewport{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);height:140px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 12% 88%,#0000 100%)}.carousel__strip{will-change:transform;height:100%;display:flex}.carousel__ticket{border-right:1px solid var(--border);text-align:center;flex:0 0 140px;justify-content:center;align-items:center;height:100%;padding:0 .5rem;display:flex}.carousel__ticket-label{word-break:break-word;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;font-weight:600;display:-webkit-box;overflow:hidden}.draw-cards{perspective:1000px;width:180px;height:240px;position:relative}.draw-card{transform-style:preserve-3d;transition:transform .5s ease-in,opacity .5s ease-in;position:absolute;inset:0}.draw-card--flown{opacity:0;transform:translate(140vw)rotate(45deg)!important}.draw-card__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease-out;position:relative}.draw-card--flipped .draw-card__inner{transform:rotateY(180deg)}.draw-card__back,.draw-card__face{backface-visibility:hidden;border-radius:var(--radius);border:2px solid var(--border);text-align:center;box-shadow:var(--shadow);justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.draw-card__back{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;font-size:3rem;font-weight:800}.draw-card__face{background:var(--bg-elevated);color:var(--text);word-break:break-word;font-size:1.25rem;font-weight:700;transform:rotateY(180deg)}.draw-result{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;padding:2rem 1.5rem;animation:.4s ease-out draw-result-in;display:flex}@keyframes draw-result-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.draw-result__card{background:var(--bg-elevated);border:2px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;max-width:90vw;padding:2rem 1.5rem}.draw-result__label-muted{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.875rem}.draw-result__winner{word-break:break-word;font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.1}.draw-result__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;max-width:24rem;display:flex}.draw-result__actions .btn{flex:10rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}