@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap";:root{color:#233f34;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f8f6f0;font-family:DM Sans,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #b94737}a{color:inherit}h1,h2,p{margin:0}::selection{color:#233f34;background:#e2cbaa}.page-shell{max-width:1180px;margin:auto;padding:0 42px}.site-header{border-bottom:1px solid #e2e3d9;justify-content:space-between;align-items:center;height:101px;display:flex}.brand{letter-spacing:-1.2px;align-items:center;font-size:26px;font-weight:700;text-decoration:none;display:flex}.brand-icon{color:#fff7e8;background:#b94536;border-radius:50%;justify-content:center;align-items:center;width:39px;height:39px;margin-right:11px;display:flex}.brand-dot{color:#b94536}.date-tag{letter-spacing:1.7px;color:#6e786b;align-items:center;gap:12px;font-size:9px;font-weight:600;display:flex}.date-tag>span:first-child{color:#b94536;font-size:22px}.tag-line{background:#b6bcb0;width:24px;height:1px}.intro{text-align:center;padding:47px 0 36px}.eyebrow{letter-spacing:2.5px;color:#7a8376;justify-content:center;align-items:center;gap:13px;font-size:9px;font-weight:600;display:flex}.eyebrow>span{background:#bbc0b3;width:18px;height:1px}h1{letter-spacing:-2.4px;margin:17px 0 20px;font-family:Playfair Display,Georgia,serif;font-size:64px;font-weight:500;line-height:1.13;display:inline-block;position:relative}h1 em{color:#b94536;font-weight:500}.title-spark{color:#b69b5d;font-family:Georgia,serif;font-size:48px;font-weight:400;position:absolute;top:61px;right:-60px;transform:rotate(14deg)}.intro p{color:#777e73;font-size:13px;line-height:1.8}.mobile-break{display:none}.drawing-card{background:#fffefa;border:1px solid #dedfd3;border-radius:17px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden;box-shadow:0 8px 35px #293e3205}.wheel-side{background-color:#f0f2e9;background-image:radial-gradient(#6d806a22 .7px,#0000 .7px);background-size:10px 10px;border-right:1px solid #e0e2d6;flex-direction:column;justify-content:center;align-items:center;padding:29px 25px 25px;display:flex;position:relative}.wheel-caption{letter-spacing:1.7px;color:#78816c;align-items:center;gap:9px;font-size:9px;font-weight:600;display:flex}.tiny-star{color:#ac8c50;font-size:15px}.wheel-wrap{aspect-ratio:1;width:min(100%,346px);margin:25px 0 22px;position:relative}.wheel-rim{outline-offset:7px;background:#254c3b;border:10px solid #254c3b;border-radius:50%;outline:1px solid #d7ddcc;width:100%;height:100%;position:relative;box-shadow:0 6px #18362a,0 16px 26px #273d3221}.wheel{will-change:transform;border-radius:50%;width:100%;height:100%;transition:transform 4.2s cubic-bezier(.13,.68,.12,1);display:block}.sector path{stroke:#e3cfa3;stroke-width:1.2px}.sector-0 path{fill:#bf5645}.sector-1 path{fill:#f1e7ce}.sector-2 path{fill:#d5dfc6}.sector-3 path{fill:#254c3b}.sector text{fill:#254c3b;font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:500}.sector-0 text,.sector-3 text{fill:#fff6df}.sector .sector-symbol{opacity:.7;font-size:17px}.sector.blocked path{fill:#e1e3d7}.sector.blocked text{fill:#8c9584}.wheel-stitch{fill:none;stroke:#e7d8ad;stroke-width:1.6px;stroke-dasharray:2 9;stroke-linecap:round}.wheel-hub{color:#ad4837;background:#fff9e9;border:6px solid #ede5ce;border-radius:50%;justify-content:center;align-items:center;width:79px;height:79px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 9px #19372c33}.wheel-pointer{z-index:2;clip-path:polygon(50% 100%,3% 20%,18% 0,82% 0,97% 20%);background:#bd4938;width:26px;height:38px;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.floating-star{color:#ae9150;font-family:Georgia,serif;position:absolute}.star-one{font-size:38px;top:49px;left:-29px;transform:rotate(15deg)}.star-two{font-size:27px;bottom:20px;right:-18px}.wheel-note{color:#7b846e;text-align:center;font-family:Georgia,serif;font-size:12px;font-style:italic}.draw-side{flex-direction:column;justify-content:center;min-width:0;padding:40px 34px 28px;display:flex}.step-label{color:#9b8057;letter-spacing:1.7px;font-size:9px;font-weight:600}.draw-side h2{letter-spacing:-.8px;margin:8px 0;font-family:Playfair Display,Georgia,serif;font-size:33px;font-weight:500;line-height:1.3}.selection-description{color:#82867a;font-size:11.5px}.person-grid{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 19px;display:grid}.person-button{text-align:left;color:#354c3e;background:#fffefa;border:1px solid #e4e4d9;border-radius:8px;align-items:center;gap:9px;min-width:0;padding:11px 9px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.person-button:hover:not(:disabled){background:#f3f5ed;border-color:#a2ad97}.person-button.selected{background:#eef2e7;border-color:#4b6a43;box-shadow:0 0 0 1px #4b6a4322}.person-button:disabled{opacity:.65}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:Georgia,serif;font-size:14px;display:flex}.avatar-michal{color:#786641;background:#e9e0ce}.avatar-kasia{color:#ac6556;background:#eedcd3}.avatar-piotr{color:#657952;background:#dfe5d6}.avatar-dominika{color:#847294;background:#e4dfe9}.person-name{font-size:12px;font-weight:600}.person-name small{color:#858a7d;white-space:nowrap;margin-top:2px;font-size:8px;font-weight:400;display:block}.selection-dot{border:1px solid #d9dccd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;margin-left:auto;font-size:9px;display:flex}.selected .selection-dot{color:#fff;background:#36563d;border-color:#36563d}.couple-note{color:#94815d;background:#f6f2e7;border-radius:7px;align-items:center;gap:11px;margin-bottom:19px;padding:12px 14px;display:flex;position:relative}.couple-note>span:first-child{font-size:25px;line-height:1}.couple-note p{color:#8c826a;font-size:10px;line-height:1.7}.couple-note strong{color:#6e725c;font-weight:500}.note-spark{margin-left:auto;font-size:22px}.primary-button{color:#fff8e8;background:#b94837;border-radius:7px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:49px;padding:15px 10px;font-size:12px;font-weight:500;transition:background .2s,transform .2s;display:flex}.primary-button>span:last-child{margin-left:auto;font-size:17px}.primary-button>svg{margin-right:auto}.primary-button:hover:not(:disabled){background:#a43c2d;transform:translateY(-1px)}.primary-button:disabled{color:#fcfcf6;background:#c8cbbd}.under-button{text-align:center;color:#8a8f80;min-height:14px;margin-top:11px;font-size:9px}.progress-strip{background:#fffefa;border-top:1px solid #e4e5d9;grid-column:1/-1;align-items:center;gap:13px;padding:17px 27px;display:flex}.progress-people{padding-left:5px;display:flex}.mini-avatar{border:2px solid #fffefa;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:-5px;font-family:Georgia,serif;font-size:10px;display:flex}.mini-avatar.done{color:#fff;background:#36563d}.progress-strip p{color:#898e80;font-size:10px}.progress-strip strong{color:#3d5542;font-weight:600}.progress-track{background:#eceee5;border-radius:10px;width:92px;height:4px;overflow:hidden}.progress-track>span{background:#526e49;height:100%;transition:width .6s;display:block}.connection-status{color:#89917e;align-items:center;gap:6px;margin-left:auto;font-size:9px;display:flex}.connection-status>span{background:#c9b17d;border-radius:50%;width:5px;height:5px}.connection-status.connected>span{background:#7c965d}.bottom-note{color:#8a8f7e;justify-content:center;align-items:center;gap:9px;padding:24px 0 13px;font-size:10px;display:flex}.bottom-note span{color:#a88d52;font-size:13px}.rules{text-align:center;color:#7e8777;max-width:590px;margin:0 auto 35px;font-size:10px}.rules summary{cursor:pointer;border-bottom:1px dotted #aeb6a1;align-items:center;gap:15px;padding:3px 0;list-style:none;display:inline-flex}.rules summary::-webkit-details-marker{display:none}.rules summary span{font-size:14px;transition:transform .2s}.rules[open] summary span{transform:rotate(45deg)}.rules p{text-align:left;background:#fffefa;border:1px solid #e3e4d8;border-radius:8px;margin-top:14px;padding:15px 20px;line-height:1.9}footer{color:#9a9e90;border-top:1px solid #e2e3d9;justify-content:space-between;align-items:center;padding:23px 0 26px;font-size:9px;display:flex}.footer-brand{color:#6b7966;letter-spacing:-.5px;font-size:15px;font-weight:700}.footer-heart{color:#b25240;margin-left:3px;font-size:13px}.result{text-align:center;animation:.5s ease-out appear}.result-gift{color:#b94837;background:#f4e8d7;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:21px auto 15px;display:flex}.result-for{color:#7a8471;font-size:12px}.result h2{color:#b94837;margin:6px 0 15px;font-size:57px}.result h2:focus{outline:none}.result-copy{color:#7e8775;font-size:12px;line-height:1.8}.saved-note{color:#678055;margin:20px 0;font-size:10px}.saved-note span{margin-right:5px}.result .primary-button{font-size:11px}.error-message{color:#963a2b;background:#fbefe9;border:1px solid #e6c6b9;border-radius:7px;margin-top:14px;padding:12px;font-size:11px;line-height:1.7}.error-message button{color:inherit;background:0 0;margin-top:6px;padding:0;text-decoration:underline;display:block}.preferences-shortcut{color:#7d6542;text-align:center;text-underline-offset:4px;margin-top:17px;font-size:10px;display:block}.preferences-shortcut span{margin-left:5px}.preferences-section{background:#fffefa;border:1px solid #dedfd3;border-radius:14px;grid-template-columns:.85fr 1.15fr;gap:48px;margin:14px 0 28px;padding:32px 35px;scroll-margin-top:24px;display:grid}.preferences-intro h2{letter-spacing:-.6px;margin:10px 0 14px;font:500 30px/1.25 Playfair Display,Georgia,serif}.preferences-intro p{color:#66765f;font-size:12px;line-height:1.85}.preferences-intro .preferences-access{color:#7f8475;margin-top:16px;font-size:10px}.preferences-editor{min-width:0}.field-label{color:#354c3e;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.preferences-editor select,.preferences-editor textarea{color:#233f34;width:100%;max-width:100%;font:inherit;background:#fbfcf6;border:1px solid #d9dece;border-radius:7px;padding:12px;font-size:13px;display:block}.preferences-editor select{min-height:46px}.preferences-editor textarea{resize:vertical;min-height:90px;line-height:1.7}.preferences-editor textarea::placeholder{color:#7d8674;font-size:11px}.preferences-editor select:focus-visible,.preferences-editor textarea:focus-visible{outline-offset:3px;outline:2px solid #52704a}.preferences-editor select:disabled,.preferences-editor textarea:disabled{opacity:.65}.preferences-placeholder{color:#7e8775;margin-top:14px;font-size:12px;line-height:1.8}.preferences-form{margin-top:20px}.preference-field+.preference-field{margin-top:18px}.field-help{color:#7d8674;justify-content:space-between;align-items:baseline;gap:12px;margin-top:6px;font-size:10px;display:flex}.field-help>span:last-child{white-space:nowrap}.preferences-actions{margin-top:20px}.preferences-actions .primary-button{font-size:13px}.preferences-feedback{color:#647b55;min-height:18px;margin-top:10px;font-size:11px;line-height:1.7}.recipient-preferences{text-align:left;background:#f5f2e8;border:1px solid #e7dfcb;border-radius:8px;margin-top:20px;padding:16px}.recipient-preferences h3{color:#546849;margin:0 0 12px;font-size:13px;font-weight:600}.recipient-preferences dl{margin:0}.recipient-preferences dt{color:#7d6845;margin-top:12px;font-size:10px;font-weight:600}.recipient-preferences dd{color:#3e5140;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;line-height:1.7}.recipient-loading{color:#7d8674;font-size:11px}.recipient-error{color:#963a2b;margin-top:10px;font-size:11px;line-height:1.7}.refresh-preferences{color:#576b4e;text-underline-offset:3px;background:0 0;align-items:center;gap:6px;margin-top:13px;padding:3px 0;font-size:10px;text-decoration:underline;display:inline-flex}.refresh-preferences:disabled{opacity:.65}.is-spinning .wheel-hub{animation:1s infinite alternate glow}.is-spinning .wheel-pointer{animation:.18s infinite alternate tick}@keyframes appear{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{to{box-shadow:0 0 25px #d0b37388}}@keyframes tick{to{transform:translate(-50%)rotate(-8deg)}}@media (width>=1400px){.intro{padding-top:55px;padding-bottom:43px}.drawing-card{margin:0 20px}.wheel-side{padding-top:34px;padding-bottom:30px}.draw-side{padding-inline:40px}.wheel-wrap{width:354px}}@media (width<=1000px){.page-shell{padding:0 28px}.draw-side{padding:30px 23px}.wheel-side{padding:27px 22px}.wheel-wrap{max-width:300px}.person-grid{gap:8px}.person-button{gap:6px;padding:11px 7px}.avatar{width:28px;height:28px}.selection-dot{width:10px;height:10px}.person-name{font-size:11px}.connection-status{font-size:8px}.progress-track{width:60px}.star-one{left:-14px}.star-two{right:-12px}}@media (width<=760px){.page-shell{max-width:540px;padding:0 20px}.site-header{height:79px}.brand{font-size:23px}.brand-icon{width:34px;height:34px}.date-tag{letter-spacing:1px;gap:7px;font-size:8px}.tag-line,.date-tag>span:first-child{display:none}.intro{padding:35px 0 29px}.eyebrow{letter-spacing:1.9px;gap:8px;font-size:7px}h1{letter-spacing:-1.8px;margin:18px 0;font-size:49px}.title-spark{font-size:29px;top:48px;right:-28px}.intro p{font-size:11px}.mobile-break{display:block}.drawing-card{border-radius:13px;grid-template-columns:1fr}.wheel-side{border-bottom:1px solid #e0e2d6;border-right:0;padding:23px 30px}.wheel-caption{letter-spacing:1.4px;font-size:8px}.wheel-wrap{width:255px;margin:22px 0 21px}.wheel-rim{border-width:8px}.wheel-hub{border-width:5px;width:65px;height:65px}.wheel-hub svg{width:30px}.wheel-note{font-size:11px}.star-one{top:35px;left:-25px}.star-two{bottom:8px;right:-24px}.draw-side{padding:28px 24px 23px}.draw-side h2{font-size:31px}.selection-description{font-size:11px}.person-grid{gap:10px;margin:21px 0 17px}.person-button{gap:9px;padding:12px 10px}.avatar{width:32px;height:32px}.person-name{font-size:12px}.person-name small{font-size:8px}.selection-dot{width:12px;height:12px}.primary-button{font-size:12px}.progress-strip{flex-wrap:wrap;gap:10px;padding:15px 20px}.progress-strip p{font-size:9px}.progress-track{flex:1;min-width:30px;max-width:65px}.connection-status{justify-content:center;width:100%;margin:0;font-size:8px}.bottom-note{text-align:center;align-items:flex-start;padding:20px 10px 10px;font-size:9px;line-height:1.9}.bottom-note span{flex-shrink:0}.rules{margin-bottom:25px;font-size:9px}.result h2{font-size:52px}.preferences-section{grid-template-columns:1fr;gap:22px;margin-top:12px;padding:25px 23px}.preferences-intro h2{font-size:28px}.preferences-intro .preferences-access{margin-top:10px}.preferences-editor select,.preferences-editor textarea{font-size:16px}.field-help{font-size:9px}.recipient-preferences{padding:14px}footer{padding:18px 0;font-size:8px}footer>span:last-child{display:none}}@media (width<=370px){.page-shell{padding:0 13px}.date-tag{font-size:7px}h1{font-size:44px}.draw-side{padding-inline:18px}.person-button{gap:6px;padding-inline:7px}.person-name{font-size:11px}.progress-strip{padding-inline:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
