:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--paper: #f6efe2;--paper-deep: #efe4d0;--ink: #2a2118;--muted: #5f5345;--line: #e5d5be;--surface: #fffdf8;--surface-soft: #fbf7ef;--brick: #bd432b;--brick-dark: #8f301e;--orange: #e79721;--yellow: #f4e85b;--pink: #df8fac;--sky: #8fbedb;--green: #73c88a;--green-dark: #1f8a4d;--dark: #211912;--shadow: 0 18px 45px rgb(42 33 24 / 14%);--radius-large: 18px;--radius: 12px;--radius-small: 8px}*{box-sizing:border-box}html{background:radial-gradient(circle at 12% 16%,rgb(244 232 91 / 22%),transparent 26rem),linear-gradient(135deg,#efe4d0,#f9f3e9 42%,#e8ddca)}body{margin:0;min-width:320px;min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.page-shell{min-height:100dvh;background:var(--paper)}.device-frame{width:100%;height:100dvh;min-height:100dvh;background:var(--paper)}.app-surface{position:relative;display:grid;grid-template-rows:1fr auto;height:100%;overflow:hidden;background:var(--paper)}.app-header{position:relative;min-height:52px;background:var(--paper)}.color-band{display:grid;grid-template-columns:repeat(4,1fr);height:52px}.color-band span:nth-child(1){background:var(--yellow)}.color-band span:nth-child(2){background:var(--pink)}.color-band span:nth-child(3){background:var(--sky)}.color-band span:nth-child(4){background:var(--green)}.top-actions{position:absolute;top:10px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}.ghost-button,.status-pill,.mini-pill{display:inline-flex;align-items:center;gap:7px;border-radius:12px;border:1px solid rgb(42 33 24 / 16%);background:#fffcf1ad;color:var(--ink);padding:10px 13px;font-size:13px;font-weight:800;box-shadow:0 10px 20px #2a211814}.status-pill,.mini-pill{border:0;background:var(--green-dark);color:#fff;letter-spacing:.02em}.status-pill span{width:8px;height:8px;border-radius:50%;background:#c8f7d4}.scroll-area{min-height:0;overflow:auto;padding:0 0 116px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.content-section{margin:0 20px 24px}.scroll-area>.app-header+.content-section,.scroll-area>.notice+.content-section{margin-top:26px}.kicker{margin:0 0 5px;color:#70451f;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}h1,h2,p{margin-top:0}h1{margin-bottom:18px;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,8vw,44px);line-height:.98;letter-spacing:0}h2{margin-bottom:14px;font-size:19px;line-height:1.15;letter-spacing:0}.big-number{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.big-number strong{color:var(--brick);font-size:clamp(48px,15vw,64px);line-height:.9;letter-spacing:0}.big-number span{color:var(--muted);font-weight:800}.progress-track{width:100%;height:11px;overflow:hidden;border-radius:999px;background:#e6d8be}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--brick));transition:width .24s ease}.stat-grid,.report-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.report-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.stat-card{min-height:78px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface);box-shadow:0 10px 24px #2a21180d}.stat-card strong{font-size:22px;line-height:1}.stat-card span{color:var(--muted);font-size:13px;font-weight:800}.home-view>.primary-button{margin-bottom:24px}.active-draws-heading{margin-top:4px}.active-draw-list{display:grid;gap:12px}.active-draw-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}.active-draw-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;width:100%;padding:16px;border:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface);box-shadow:0 10px 24px #2a21180d;color:var(--ink);text-align:left}.active-draw-card:hover{border-color:#bd432b73;box-shadow:0 14px 28px #2a211817;transform:translateY(-1px)}.active-draw-card:focus-visible{outline:3px solid rgb(189 67 43 / 32%);outline-offset:3px}.active-draw-card__content{min-width:0}.active-draw-card__date{display:block;color:var(--muted);font-size:12px;font-weight:850;margin-bottom:4px}.active-draw-card__name{display:block;margin-bottom:5px;font-size:19px;font-weight:850;line-height:1.15}.active-draw-card__meta{display:block;color:var(--muted);font-size:13px;font-weight:750;line-height:1.45}.active-draw-card__open{display:inline-flex;align-items:center;gap:4px;color:var(--brick);font-size:14px;font-weight:900;white-space:nowrap}.active-draw-delete{width:54px;min-height:100%;border-color:#bd432b47;color:var(--brick)}.form-stack,.block-form{display:grid;gap:13px}.block-form{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:7px}label span,.field-label{color:#66452d;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}label em{color:var(--muted);font-style:normal;font-weight:700;text-transform:none;letter-spacing:0}input,textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:14px 15px;font-size:16px;font-weight:700;outline:0;box-shadow:0 8px 18px #2a21180a;transition:border-color .16s ease,box-shadow .16s ease}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--brick);box-shadow:0 0 0 4px #bd432b1f}.field-group{display:grid;gap:8px}.color-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.color-choice{position:relative;min-height:48px;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;border:2px solid transparent;border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:0 12px;font-weight:900;box-shadow:inset 0 0 0 1px var(--line),0 8px 18px #2a21180a}.color-choice.selected{background:#fff4ec;border-color:var(--brick);color:var(--brick-dark);box-shadow:inset 4px 0 0 var(--brick),0 0 0 4px #bd432b29,0 12px 26px #bd432b1f}.color-choice:focus-visible{outline:3px solid rgb(189 67 43 / 32%);outline-offset:3px}.color-choice__label{min-width:0;color:inherit;font-size:14px;font-weight:900;text-transform:none;letter-spacing:0}.color-choice__check{margin-left:auto;flex:0 0 auto;color:var(--brick)}.color-swatch{width:24px;height:24px;flex:0 0 24px;border-radius:8px;border:1px solid rgb(42 33 24 / 14%);box-shadow:inset 0 0 0 1px #ffffff52}.color-swatch--yellow{background:var(--yellow)}.color-swatch--pink{background:var(--pink)}.color-swatch--blue{background:var(--sky)}.color-swatch--green{background:var(--green)}.color-swatch--gray{background:#a9a49a}.color-swatch--white{background:#fffdf8;border-color:#cdbfa9}.color-swatch--custom{background:linear-gradient(135deg,var(--yellow),var(--pink) 35%,var(--sky) 68%,var(--green))}.primary-button,.secondary-button,.danger-button,.text-button,.icon-button,.bottom-nav button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius);min-height:48px;padding:0 16px;font-weight:900}.primary-button,.danger-button{width:100%;background:var(--brick);color:#fff;box-shadow:0 14px 26px #bd432b33}.primary-button:hover,.danger-button:hover{background:var(--brick-dark)}.sticky-finish-button{position:absolute;top:10px;right:max(20px,env(safe-area-inset-right));z-index:8;width:auto;min-height:38px;padding:0 13px;border-radius:12px;box-shadow:0 12px 24px #bd432b38;white-space:nowrap}.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.text-button{min-height:38px;padding:0;background:transparent;color:var(--brick)}.icon-button{width:42px;min-height:42px;padding:0;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.wide{grid-column:1 / -1}.form-error{margin:0;padding:12px 14px;border-radius:var(--radius);background:#ffe9df;color:#9c2e18;font-size:14px;font-weight:800}.form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.section-heading span{color:var(--muted);font-size:13px;font-weight:900}.block-list,.report-list,.winner-list{display:grid;gap:10px;margin:0;padding:0}.block-row,.winner-list li,.report-card,.winner-display{border:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface);box-shadow:0 10px 24px #2a21180d}.block-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px}.block-row div,.winner-list li{min-width:0}.block-row strong,.block-row span,.winner-list strong,.winner-list span{display:block}.block-row span,.winner-list span{color:var(--muted);font-size:13px;font-weight:750}.lock-button{margin-top:16px}.delete-draw-button{margin-top:10px}.add-block-trigger{margin:2px 0 14px}.draw-panel{padding:18px;border-radius:24px;background:#fffcf48a;border:1px solid rgb(229 213 190 / 65%)}.ticket-color-swatch{display:inline-block;width:22px;height:22px;flex:0 0 22px;border-radius:8px;border:1px solid rgb(42 33 24 / 16%);box-shadow:inset 0 0 0 1px #ffffff57}.ticket-color-swatch--large{width:32px;height:32px;flex-basis:32px;border-radius:10px}.winner-display{display:grid;gap:4px;margin-bottom:14px;padding:18px}.winner-display span{color:#70451f;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.winner-display strong{color:var(--brick);font-size:30px;line-height:1.05}.winner-ticket{display:flex;align-items:center;gap:11px;min-width:0}.winner-ticket strong{min-width:0;overflow-wrap:anywhere}.winner-list{list-style:none}.winner-list li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:14px 16px}.winner-list li>div{min-width:0}.empty-state{margin:0;padding:18px;border:1px dashed #d8c4a9;border-radius:var(--radius-large);color:var(--muted);background:#fffcf473;font-weight:750;line-height:1.5}.notice{position:sticky;top:0;z-index:4;margin:16px 20px;padding:13px 15px;border-radius:var(--radius);background:#2f7e50;color:#fff;font-size:14px;font-weight:850;box-shadow:0 12px 26px #1f8a4d38}.bottom-bar{position:absolute;left:0;right:0;bottom:0;padding:18px max(20px,env(safe-area-inset-left)) calc(18px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-right));background:var(--dark)}.bottom-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bottom-nav button{min-height:54px;border:0;background:#ffffff1a;color:#f8efe2}.bottom-nav button.active{background:var(--brick);color:#fff}.reports-view h1{margin-bottom:10px}.report-card{padding:16px}.report-card--recent{border-color:#bd432b73;box-shadow:0 16px 36px #bd432b24}.report-card__head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.report-card__head span{color:var(--muted);font-size:12px;font-weight:850}.report-card h2{margin:3px 0 0}.mini-pill{padding:7px 10px;font-size:11px;white-space:nowrap}.report-metrics .stat-card{min-height:64px;padding:12px 10px;border-radius:14px}.report-metrics .stat-card strong{font-size:18px}.report-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:8px}.report-actions span{grid-column:1 / -1;color:var(--green-dark);font-size:12px;font-weight:800}.app-footer{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:8px 20px 26px;padding-top:6px;color:var(--muted);font-size:12px;font-weight:800}.app-footer a{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none}.app-footer a:hover{color:var(--brick);text-decoration:underline}.draw-comment,.report-comment{margin:-6px 0 16px;color:var(--muted);font-size:14px;font-weight:750;line-height:1.5}.report-comment{margin:12px 0 14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#2119128c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-modal{position:relative;width:min(100%,430px);max-height:calc(100dvh - 36px);overflow:auto;padding:24px;border-radius:28px;background:var(--paper);box-shadow:var(--shadow)}.block-modal{width:min(100%,560px)}.confirm-modal h2{font-family:Georgia,Times New Roman,serif;font-size:30px}.confirm-modal p:not(.kicker){color:var(--muted);line-height:1.55;font-weight:700}.modal-close{position:absolute;top:16px;right:16px}.modal-actions{display:grid;gap:10px;margin-top:20px}.field-alert-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:grid;place-items:center;padding:18px;background:#2119124d}.field-alert{width:min(100%,360px);display:grid;gap:18px;padding:24px;border-radius:24px;background:var(--paper);box-shadow:var(--shadow);text-align:center}.field-alert h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:24px;line-height:1.1}@media(min-width:820px){.app-header{min-height:56px}.color-band{height:56px}.top-actions,.sticky-finish-button{top:12px}.scroll-area{padding:0 0 124px}.hero-section{max-width:640px}.content-section{max-width:960px;margin-left:auto;margin-right:auto}.block-form{grid-template-columns:1.2fr .8fr .8fr .8fr}.block-form .wide{grid-column:1 / -1}.block-modal .block-form,.report-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.app-header{min-height:48px}.color-band{height:48px}.scroll-area{padding:0 0 112px}.sticky-finish-button{right:max(12px,env(safe-area-inset-right));padding:0 10px;font-size:13px}.block-form,.stat-grid,.report-metrics,.report-actions{grid-template-columns:1fr}.big-number strong{font-size:54px}.bottom-nav button{font-size:13px}}