#coverDays{width:100%;min-height:54px;border:2px solid #e4e7b6;border-radius:32px;background:#ffecb5;color:#203f35;font-weight:700;font-size:19px;padding:14px 18px;box-shadow:0 4px 0 #ac854a}#creationDays{box-sizing:border-box;width:min(720px,94vw);max-height:94svh;padding:26px;border:2px solid #dce8c8;border-radius:30px;background:#fffbed;color:#193d39;overflow:auto;box-shadow:0 22px 90px #0006}#creationDays::backdrop{background:#062a2ee0;backdrop-filter:blur(6px)}.dayWheelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.dayWheelHeader h2{margin:4px 0 0;font-size:29px;line-height:1.12;color:#193d39}.dayWheelHeader .pill{background:#e2eddb;color:#193d39;min-width:48px;min-height:48px;padding:10px}.dayWheelEyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#47674e}.dayWheelIntro{margin:12px 0 8px;font-size:16px}.dayWheelLayout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:22px}.creationWheelWrap{position:relative;width:100%;aspect-ratio:1;max-width:330px;margin:auto}.creationWheel{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -25.714deg,#fff0c1 0deg 51.428deg,#d7f1f5 51.428deg 102.857deg,#e1f0c7 102.857deg 154.285deg,#ffebbf 154.285deg 205.714deg,#ccf0ef 205.714deg 257.142deg,#f9e0c6 257.142deg 308.571deg,#eadff1 308.571deg 360deg);border:5px solid white;box-shadow:0 5px 0 #ced8b9,0 10px 24px #23452c16;transform:rotate(var(--wheel-turn,0deg));transition:transform .65s cubic-bezier(.2,.75,.2,1)}.creationDay{position:absolute;transform:translate(-50%,-50%) rotate(calc(-1 * var(--wheel-turn,0deg)));transition:transform .65s cubic-bezier(.2,.75,.2,1),box-shadow .2s;display:flex;flex-direction:column;justify-content:center;align-items:center;width:22%;height:22%;padding:2px;border-radius:24px;border:2px solid #ffffffc0;color:#173e36;box-shadow:0 3px 0 #25453025;cursor:pointer;line-height:1.15}.creationDay span{font-size:29px}.creationDay b{font-size:13px;margin-top:3px}.creationDay[aria-pressed=true]{outline:3px solid #285b42;outline-offset:2px;box-shadow:0 5px 10px #23452c30}.creationDay:focus-visible{outline:4px solid #254fa5;outline-offset:3px}.wheelPointer{position:absolute;z-index:2;top:-12px;left:calc(50% - 10px);font-size:23px;color:#31523d}.wheelHeart{position:absolute;inset:35%;border-radius:50%;background:#fffdf0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;box-shadow:0 1px 12px #26452b14}.wheelHeart span{font-size:28px}.wheelHeart small{font-size:8px;letter-spacing:1px;font-weight:bold;line-height:1.5;text-align:center;color:#416047}.dayWheelLesson h3{font-size:30px;margin:10px 0;line-height:1.13;color:#203e34}.dayWheelLesson p{font-size:16px;line-height:1.5;margin:9px 0}.dayWheelLesson .dayWheelVerse{font-size:12px;color:#4d6c56}.wheelTurnControls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px}.wheelTurnControls .pill{background:#e1edce;color:#1c463a;min-height:44px;min-width:44px;padding:8px}.wheelTurnControls span{font-size:12px;color:#4d6c56}.dayWheelModes{display:flex;gap:8px;margin-top:20px}.dayWheelModes button{flex:1;min-height:48px;border:2px solid #c8d8b5;border-radius:20px;background:#edf1e6;color:#244b3d;font-size:14px;padding:10px 5px}.dayWheelModes button[aria-pressed=true]{background:#ffe3a0;border-color:#a47b2d;font-weight:bold}#dayWheelModeHint{font-size:12px;text-align:center;color:#4d6c56;margin:8px 0 12px}#visitCreationDay{width:100%;min-height:58px;font-size:20px}.dayWheelNote{font-size:11px;text-align:center;margin:12px 0 0;color:#55715d}#creationDayWelcome{position:fixed;top:30%;left:50%;transform:translateX(-50%);z-index:8;background:#fff6ddeb;color:#244737;border:2px solid #e1d59e;padding:18px 24px;border-radius:24px;text-align:center;box-shadow:0 8px 30px #0002;pointer-events:none;font-size:23px;font-weight:bold;width:max-content;max-width:80vw}#creationDayWelcome.hidden{display:none}
@media(max-width:580px){#creationDays{padding:18px;max-height:95svh;border-radius:24px}.dayWheelHeader h2{font-size:23px}.dayWheelIntro{font-size:14px;margin:9px 0}.dayWheelLayout{display:block}.creationWheelWrap{width:min(72vw,280px)}.dayWheelLesson{text-align:center}.dayWheelLesson h3{font-size:23px;margin:5px 0}.dayWheelLesson p{font-size:14px;margin:5px 0}.dayWheelLesson .dayWheelVerse{font-size:11px}.dayWheelEyebrow{font-size:10px}.wheelTurnControls{position:absolute;top:45%;left:16px;right:16px;pointer-events:none}.wheelTurnControls button{pointer-events:auto}.wheelTurnControls span{display:none}.dayWheelModes{margin-top:12px}.dayWheelNote{font-size:10px}.creationDay span{font-size:25px}.creationDay b{font-size:12px}#coverDays{font-size:17px;min-height:48px;padding:11px 15px}#visitCreationDay{min-height:52px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.creationWheel,.creationDay{transition:none}}
/* The rotating circle's transparent square corners must not create sideways scrolling. */
#creationDays{overflow-x:hidden}