.rb-page{min-height:100vh;padding:84px 16px 110px;box-sizing:border-box;background:var(--bg)}.rb-wrap{max-width:980px;margin:0 auto}.rb-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.rb-top h1{margin:0 0 4px;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;letter-spacing:-.035em;color:var(--text)}.rb-top p{margin:0;font-size:.92rem;color:var(--text-muted)}.rb-date-tool{position:relative;display:flex;align-items:center;gap:8px}.rb-clear,.rb-pick{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease}.rb-pick svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.rb-clear:hover,.rb-pick:hover{border-color:var(--draw-color);color:var(--draw-color)}.rb-cal{position:absolute;top:calc(100% + 10px);right:0;z-index:100;width:292px;padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 24px 50px -20px rgba(0,0,0,.35);box-sizing:border-box}.rb-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-weight:700;color:var(--text)}.rb-cal-head button{width:30px;height:30px;border:none;border-radius:50%;background:var(--surface-2);color:var(--text);font-size:1.1rem;line-height:1;cursor:pointer}.rb-cal-head button:hover{background:var(--draw-color);color:#fff}.rb-cal-days,.rb-cal-week{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:3px;gap:3px;text-align:center}.rb-cal-week{margin-bottom:4px;font-size:.7rem;font-weight:700;color:var(--text-muted)}.rb-day{aspect-ratio:1;border:none;border-radius:50%;background:transparent;color:var(--text);font:inherit;font-size:.8rem;cursor:pointer}.rb-day:disabled{opacity:.3;cursor:not-allowed}.rb-day.empty{cursor:default}.rb-day.selected,.rb-day:not(:disabled):hover{background:var(--draw-color);color:#fff}.rb-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.rb-tabs::-webkit-scrollbar{display:none}.rb-tab{position:relative;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:12px 16px;border:none;background:transparent;color:var(--text-muted);font:inherit;font-size:.92rem;font-weight:700;cursor:pointer;transition:color .2s ease}.rb-tab i{width:9px;height:9px;border-radius:50%;opacity:.45}.rb-tab i,.rb-tab:after{background:var(--tab-color)}.rb-tab:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;transform:scaleX(0);transition:transform .25s ease}.rb-tab.active,.rb-tab:hover{color:var(--text)}.rb-tab.active i{opacity:1;box-shadow:0 0 0 4px color-mix(in srgb,var(--tab-color) 25%,transparent)}.rb-tab.active:after{transform:scaleX(1)}.rb-feature{position:relative;display:grid;grid-template-columns:minmax(180px,.8fr) 2fr;align-items:center;grid-gap:28px;gap:28px;padding:34px 36px;border-radius:28px;background:var(--draw-gradient);color:#fff;overflow:hidden;box-shadow:0 30px 60px -30px var(--draw-color)}.rb-feature:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 100% 0,hsla(0,0%,100%,.22),transparent 65%),linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0) 0 0 /100% 34px;pointer-events:none}.rb-feature>*{position:relative}.rb-chip{display:inline-block;margin-bottom:14px;padding:5px 12px;border-radius:999px;border:1px solid hsla(0,0%,100%,.35);background:hsla(0,0%,100%,.14);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.rb-feature h2{margin:0 0 6px;font-size:1.9rem;font-weight:800;letter-spacing:-.03em;color:#fff}.rb-feature p{margin:0;font-size:.88rem;color:hsla(0,0%,100%,.82)}.rb-feature-balls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}.rb-ball{position:relative;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--draw-color);background:var(--surface);color:var(--text);font-size:.95rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-moz-user-select:none;user-select:none;-webkit-user-select:none}.rb-ball.lg{width:62px;height:62px;border:none;background:#fff;color:#14123a;font-size:1.5rem;box-shadow:0 10px 22px -8px rgba(0,0,0,.45)}.rb-ball.bonus{border-color:#ef4444}.rb-ball.bonus,.rb-ball.lg.bonus{background:#ef4444;color:#fff}.rb-ball.lg.bonus small{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:hsla(0,0%,100%,.85)}.rb-plus{font-size:1.4rem;font-weight:300;color:hsla(0,0%,100%,.7)}.rb-section{display:flex;align-items:baseline;justify-content:space-between;margin:34px 2px 14px}.rb-section h3{margin:0;font-size:1.05rem;font-weight:800;color:var(--text)}.rb-section span{font-size:.8rem;color:var(--text-muted)}.rb-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.rb-card{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:var(--surface);transition:border-color .2s ease,transform .2s ease}.rb-card:hover{border-color:var(--draw-color);transform:translateY(-2px)}.rb-date{flex-shrink:0;width:56px;padding:8px 0;border-radius:14px;background:var(--surface-2);text-align:center;line-height:1.1}.rb-date strong{display:block;font-size:1.35rem;font-weight:800;color:var(--text)}.rb-date span{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--draw-color)}.rb-date em{display:block;margin-top:2px;font-size:.62rem;font-style:normal;color:var(--text-muted)}.rb-balls{display:flex;flex-wrap:wrap;gap:6px}.rb-empty{padding:56px 16px;border:1px dashed var(--border);border-radius:22px;text-align:center;color:var(--text-muted)}.rb-empty small{display:block;margin-top:6px;font-size:.8rem}.rb-foot{padding:28px 12px 0;text-align:center;font-size:.75rem;color:var(--text-muted)}@media (max-width:760px){.rb-feature{grid-template-columns:1fr;gap:22px;padding:26px 22px 34px}.rb-feature-balls{justify-content:flex-start;gap:9px}.rb-ball.lg{width:46px;height:46px;font-size:1.15rem}.rb-grid{grid-template-columns:1fr}.rb-cal{right:auto;left:0}}@media (max-width:420px){.rb-page{padding:76px 10px 110px}.rb-ball{width:34px;height:34px;font-size:.85rem}.rb-card{gap:12px;padding:12px}}