:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-primary: #6552df;--color-primary-hover: #5140c4;--color-primary-soft: #f0edff;--color-background: #f7f8fb;--color-surface: #ffffff;--color-surface-alt: #f2f3f8;--color-text: #292b3d;--color-text-muted: #727589;--color-border: #e7e8ef;--color-success: #397f66;--color-success-soft: #edf6f1;--color-danger: #b53e55;--color-on-primary: #ffffff;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-card: 0 5px 24px #292b3d04;--wheel-color-1: #afa0ed;--wheel-color-2: #f4ca79;--wheel-color-3: #8ac8b2;--wheel-color-4: #f1a997;--wheel-color-5: #8fbbe0;--wheel-color-6: #d8a8ce;--wheel-text: #292b3d;--wheel-divider: #ffffffb3;--wheel-rim: #ffffff;--wheel-shadow: #5140c41a}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{transition:background .15s,color .15s,box-shadow .15s}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}button,input{border-radius:var(--radius-sm)}input[type=checkbox],input[type=range]{accent-color:var(--color-primary)}input[type=checkbox]{width:17px;height:17px;cursor:pointer;flex-shrink:0}input[type=text],input:not([type]){min-width:0}h1,h2,p{margin:0}h2{font-size:20px;font-weight:650;letter-spacing:-.5px}.app-shell{max-width:1160px;margin:0 auto;padding:0 36px}.app-header{position:relative;height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}.brand{display:flex;align-items:center;gap:11px;color:var(--color-text);text-decoration:none;font-size:26px;font-weight:750;letter-spacing:-1.1px}.brand-light{font-weight:400}.brand small{display:block;color:var(--color-text-muted);font-size:8px;letter-spacing:1.8px;margin-top:3px;font-weight:600}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:var(--color-on-primary);background:var(--color-primary);font-size:36px;font-weight:400;box-shadow:0 4px 10px var(--wheel-shadow)}.header-actions{display:flex;gap:24px;align-items:center}.local-badge{font-size:12px;color:var(--color-text-muted);display:flex;align-items:center;gap:7px}.local-badge>span{height:6px;width:6px;background:var(--color-success);border-radius:50%}.settings-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:10px 14px;font-size:12px;display:flex;align-items:center;gap:8px}.settings-button>span{font-size:19px;color:var(--color-text-muted)}.settings-button:hover,.secondary-button:hover{background:var(--color-surface-alt)}.intro{padding:43px 0 32px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:var(--color-text-muted)}.intro>.eyebrow{letter-spacing:1.5px;font-size:9px}.tiny-star{color:var(--color-primary);margin-right:5px}h1{font-size:clamp(32px,4vw,43px);font-weight:650;letter-spacing:-1.9px;margin:12px 0;line-height:1.16}h1>span{color:var(--color-primary)}.intro p{color:var(--color-text-muted);font-size:13px}.daily-layout{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(0,1fr);gap:24px;align-items:start}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.wheel-card{padding:22px 26px 17px;text-align:center;background:radial-gradient(ellipse at 50% 35%,var(--color-primary-soft),transparent 60%),var(--color-surface)}.wheel-card-top{display:flex;align-items:center;justify-content:space-between}.remaining-badge{color:var(--color-primary);background:var(--color-primary-soft);font-size:10px;padding:6px 9px;border-radius:6px;font-weight:600}.wheel-stage{width:min(100%,350px);aspect-ratio:1;position:relative;margin:20px auto 8px;filter:drop-shadow(0 10px 14px var(--wheel-shadow))}.wheel-stage canvas{display:block;width:100%;height:100%}.wheel-pointer{position:absolute;z-index:2;top:-3px;left:calc(50% - 11px);width:22px;height:34px;background:var(--color-text);clip-path:polygon(0 0,100% 0,100% 35%,50% 100%,0 35%);transform-origin:50% 15%}.wheel-hub{-webkit-user-select:none;user-select:none;cursor:default;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--color-surface);width:48px;height:48px;display:grid;place-items:center;border:5px solid var(--wheel-divider);border-radius:50%;box-shadow:0 2px 8px var(--wheel-shadow);color:var(--color-primary);font-size:24px}.empty .wheel-hub{display:none}.wheel-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.wheel-empty>span{font-size:46px;color:var(--color-primary);margin-bottom:5px}.wheel-empty strong{font-size:15px}.wheel-empty small{font-size:11px;color:var(--color-text-muted)}.result{min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:3px 0 13px}.result>strong{font-size:14px;font-weight:600}.result>span{font-size:12px;color:var(--color-text-muted)}.result small{font-size:9px;letter-spacing:2px;color:var(--color-text-muted)}.result .winner-name{font-size:25px;color:var(--color-primary);max-width:100%;overflow-wrap:anywhere;animation:appear .3s ease-out}.winner-name>span{color:var(--wheel-color-2)}.spin-button{width:min(100%,350px);display:flex;justify-content:center;align-items:center;gap:12px;margin:auto;border:0;background:var(--color-primary);color:var(--color-on-primary);padding:14px 18px;font-size:15px;font-weight:600;box-shadow:0 5px 12px var(--wheel-shadow)}.spin-button:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 7px 15px var(--wheel-shadow)}.spin-button>span{font-size:22px;line-height:1}kbd{font-family:inherit;font-size:9px;border:1px solid var(--color-border);padding:2px 5px;border-radius:4px}.spin-button kbd{border-color:var(--wheel-divider);font-weight:400;opacity:.7;margin-left:auto}.spin-button>span{margin-left:auto}.complete-button{margin:12px auto 0;padding:7px;border:none;background:transparent;color:var(--color-text-muted);font-size:11px}.complete-button>span{margin-right:6px}.complete-button:hover:not(:disabled){color:var(--color-primary)}.team-card{padding:27px 24px 18px}.card-heading,.settings-heading{display:flex;align-items:center;justify-content:space-between}.card-heading h2{margin-top:9px}.count{vertical-align:middle;color:var(--color-text-muted);background:var(--color-surface-alt);border-radius:6px;padding:3px 7px;margin-left:5px;font-size:11px;letter-spacing:0}.people-symbol{color:var(--color-primary);font-size:27px;background:var(--color-primary-soft);border-radius:12px;width:40px;height:40px;display:grid;place-items:center}.section-help{color:var(--color-text-muted);font-size:11px;margin-top:13px}.participant-list{list-style:none;padding:0;margin:20px 0;max-height:346px;overflow:auto}.participant-list li{display:flex;align-items:center;padding:11px 0;border-bottom:1px solid var(--color-border);gap:3px}.participant-list li:last-child{border-bottom:0}.person-select{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--wheel-color-1);color:var(--wheel-text);font-size:12px;font-weight:650;flex-shrink:0}.avatar-1{background:var(--wheel-color-2)}.avatar-2{background:var(--wheel-color-3)}.avatar-3{background:var(--wheel-color-4)}.avatar-4{background:var(--wheel-color-5)}.avatar-5{background:var(--wheel-color-6)}.person-name{font-size:12px;overflow-wrap:anywhere}.person-name small{display:block;font-size:9px;color:var(--color-text-muted);margin-top:3px}.inactive .avatar{opacity:.4}.inactive .person-name{color:var(--color-text-muted)}.icon-button{background:transparent;color:var(--color-text-muted);border:none;font-size:19px;min-width:28px;min-height:32px}.icon-button:hover:not(:disabled){color:var(--color-primary);background:var(--color-primary-soft)}.delete-button:hover:not(:disabled){color:var(--color-danger)}.team-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px 0;gap:10px}.team-empty>span{width:44px;height:44px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);display:grid;place-items:center;font-size:25px;margin-bottom:3px}.team-empty strong{font-size:13px;font-weight:600}.team-empty p{font-size:11px;color:var(--color-text-muted)}.participant-form{padding-top:18px;border-top:1px solid var(--color-border)}.participant-form>label{display:block;font-size:11px;font-weight:600;margin-bottom:9px}.input-row{display:flex;gap:8px}.input-row input{width:100%;border:1px solid var(--color-border);background:var(--color-background);padding:11px 12px;font-size:12px;color:var(--color-text)}.input-row input::placeholder{color:var(--color-text-muted)}.add-button{border:none;background:var(--color-primary-soft);color:var(--color-primary);min-width:40px;flex-shrink:0;font-size:22px;padding:4px 10px}.add-button.save-button{font-size:12px;font-weight:600}.add-button:hover:not(:disabled){background:var(--color-primary);color:var(--color-on-primary)}.local-note{margin-top:20px;font-size:10px;text-align:center;color:var(--color-text-muted)}.local-note>span{margin-right:4px}.error{color:var(--color-danger);font-size:12px;margin-top:8px}.order-card{margin-top:24px;padding:25px 27px 0;overflow:hidden}.order-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.order-heading h2{margin-top:9px}.secondary-button{background:var(--color-surface);border:1px solid var(--color-border);padding:10px 13px;color:var(--color-text);font-size:11px;white-space:nowrap}.secondary-button>span{margin-right:6px}.order-empty{display:flex;align-items:center;gap:16px;margin:29px 0}.order-empty>span:first-child{border:1px dashed var(--color-border);border-radius:10px;width:45px;height:45px;display:grid;place-items:center;color:var(--color-text-muted);font-size:23px;flex-shrink:0}.order-empty p{font-size:12px;color:var(--color-text-muted)}.order-empty small{display:block;font-size:10px;margin-top:6px}.dashed-line{flex:1;border-bottom:1px dashed var(--color-border);margin-left:25px}.order-footer{border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:15px 0;gap:12px}.order-footer p{color:var(--color-text-muted);font-size:10px}.text-button{border:none;background:transparent;color:var(--color-primary);font-size:11px;padding:6px 0;white-space:nowrap}.text-button>span{margin-right:6px}.text-button:hover:not(:disabled){text-decoration:underline}.speaking-order{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}.speaking-order li{background:var(--color-background);border:1px solid var(--color-border);border-radius:9px;padding:11px;display:flex;align-items:center;gap:10px;font-size:12px;flex-wrap:wrap;overflow-wrap:anywhere;animation:appear .25s ease-out}.order-number{color:var(--color-primary);font-size:11px;font-weight:700}.last-person{font-size:8px;color:var(--color-text-muted)}.complete-badge{display:inline-block;color:var(--color-success);background:var(--color-success-soft);font-size:10px;border-radius:5px;padding:5px 8px;margin-left:6px;letter-spacing:0;vertical-align:middle}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:25px 0 28px;font-size:9px;color:var(--color-text-muted)}.app-footer>div{display:flex;gap:16px}.app-footer kbd{margin-right:4px;background:var(--color-surface)}.footer-star{color:var(--color-primary);margin-left:3px}.settings-panel{position:absolute;right:0;top:85px;z-index:5;padding:20px;width:280px;box-shadow:0 10px 35px var(--wheel-shadow)}.settings-heading{margin-bottom:20px}.settings-heading h2{font-size:16px}.settings-panel label{font-size:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.settings-panel .sound-toggle{justify-content:start;gap:9px}.settings-panel input[type=range]{width:100%}.settings-panel input[type=range]:disabled{cursor:not-allowed;opacity:.45}.settings-panel .text-button{margin-top:10px}.storage-warning{padding:12px;margin-bottom:18px;background:var(--color-primary-soft);color:var(--color-text);border-radius:8px;font-size:12px}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1400px){.intro{padding-top:50px}.wheel-stage{width:380px}}@media(max-width:800px){.app-shell{padding:0 22px}.header-actions{gap:10px}.local-badge{display:none}.daily-layout{gap:16px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.wheel-card{padding:18px 14px}.team-card{padding:22px 16px 16px}.person-select{gap:6px}.avatar{width:26px;height:26px}.app-footer>span:last-child{display:none}.speaking-order{grid-template-columns:repeat(2,minmax(0,1fr))}.eyebrow{font-size:8px;letter-spacing:1px}}@media(max-width:600px){.app-shell{padding:0 16px}.app-header{height:85px}.brand{font-size:23px}.brand-mark{width:38px;height:38px;font-size:30px}.settings-button{font-size:0;padding:7px 10px;gap:0}.intro{padding:32px 0 24px}.intro>.eyebrow{font-size:8px}.intro p{font-size:12px;max-width:270px;line-height:1.7}.daily-layout{grid-template-columns:1fr}.wheel-card{padding:20px}.wheel-stage{width:320px}.team-card{padding:24px}.participant-list{max-height:340px}.person-select{gap:12px}.person-name{font-size:13px}.avatar{width:31px;height:31px}.order-card{padding:22px 20px 0}.order-heading h2{font-size:18px}.order-heading .eyebrow{font-size:7px}.order-empty{gap:10px}.dashed-line{display:none}.speaking-order{grid-template-columns:1fr}.order-footer{align-items:flex-start}.order-footer p{max-width:180px;line-height:1.6}.app-footer{flex-direction:column;padding:22px 0}.settings-panel{top:70px}.complete-badge{margin-left:0}.wheel-card-top .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}