:root{--ink:#24352b;--muted:#657069;--paper:#f7f6f2;--line:#dedfd6;--lime:#d7f78c;--pink:#edbfc9;--orange:#f4ac73;--blue:#bdd4f0;--yellow:#f4da82;--mint:#b6d4ba;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit;color:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6f853d;outline-offset:4px}button,.outline,.import-button{min-height:40px}button{font-weight:600}.site-header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 48px;border-bottom:1px solid var(--line);gap:25px}.brand{text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;background:var(--lime);width:34px;height:34px;border-radius:50%;font-size:34px;vertical-align:middle;margin-right:5px}.brand-dot{font-size:14px;font-weight:500;letter-spacing:0}.site-header nav{display:flex;gap:30px;font-size:13px}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.outline{border:1px solid #cfd2c8;border-radius:8px;padding:10px 15px;background:transparent;font-size:12px}.intro{text-align:center;padding:48px 20px 34px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px}.intro .eyebrow{font-size:9px;display:flex;align-items:center;justify-content:center;gap:7px}.intro .eyebrow span{height:6px;width:6px;background:#6e8b45;border-radius:50%}h1{font-size:clamp(35px,4vw,58px);letter-spacing:-2.5px;font-weight:500;margin:20px 0 15px;line-height:1.08}h1 em{font-family:Georgia,serif;font-weight:400}.intro p{font-size:14px;color:var(--muted);margin:0}.mobile-only{display:none}.workspace{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fcfbf8;box-shadow:0 12px 34px #24352b04}.wheel-area{padding:22px 26px 18px;background:radial-gradient(ellipse at 50% 50%,#edf0df 0%,#f4f3eb 48%,#f3f3ec 78%);min-width:0}.wheel-topline{display:flex;justify-content:space-between;align-items:center;gap:10px}.pill{font-size:8px;letter-spacing:1px;border:1px solid #d1d5c7;border-radius:20px;padding:7px 9px;white-space:nowrap}.wheel-tools{display:flex;gap:3px}.icon-button{font-size:10px;font-weight:400;border-radius:6px;padding:5px 7px}.icon-button[aria-pressed=true]{background:#dde7ca}.wheel-stage{position:relative;max-width:438px;aspect-ratio:1;margin:27px auto 14px;display:grid;place-items:center}.wheel-shadow{position:absolute;inset:2%;border-radius:50%;box-shadow:0 15px 30px #39483223;border:9px solid #fff9;transform:translateY(3px)}canvas{position:relative;width:100%;height:100%;border-radius:50%;border:9px solid #fefdf8;box-shadow:0 0 0 1px #d7dbce;transform:rotate(0deg)}.pointer{position:absolute;z-index:3;top:-10px;left:calc(50% - 12px);width:24px;height:34px;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);filter:drop-shadow(0 2px 2px #0003)}.spin-center{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ink);color:#fff;border:7px solid #fffdf4;box-shadow:0 3px 8px #26332b20;border-radius:50%;height:98px;width:98px;letter-spacing:2px;font-size:15px}.spin-center span{font-size:25px;line-height:28px;font-weight:400}.spin-center:hover{background:#3a5040}.wheel-caption{text-align:center;font-size:10px;color:var(--muted)}.keycap{border:1px solid #d2d7ca;background:#fff8;border-radius:4px;padding:3px 6px;font-size:9px}.caption-dot{margin:0 7px}.status{text-align:center;font-size:12px;min-height:15px;margin:15px 0}.mini-trust{border-top:1px solid #dddfd3;display:flex;justify-content:center;gap:35px;padding-top:15px;font-size:10px;color:var(--muted)}.editor{padding:28px 28px 20px;border-left:1px solid var(--line);min-width:0}.editor-heading{display:flex;justify-content:space-between;align-items:center}.editor-heading .eyebrow{font-size:9px;color:#77806b}.editor h2{font-size:22px;letter-spacing:-.8px;margin:9px 0 21px;font-weight:500}.count-badge{font-size:12px;background:#e8ecdf;padding:8px 11px;border-radius:7px;margin-bottom:18px}.title-input{border:0;border-bottom:1px solid var(--line);background:none;width:100%;font-size:14px;padding:7px 0 13px;font-weight:600;border-radius:0}.editor-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:7px 0}.editor-actions button,.weight-toggle{font-size:10px;font-weight:400;white-space:nowrap}.weight-toggle{display:flex;align-items:center;gap:3px}.weight-toggle input{accent-color:var(--ink);width:12px}.entry-list{display:flex;flex-direction:column;gap:5px;max-height:294px;overflow:auto;padding:2px}.entry-row{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e3db;border-radius:6px;padding:4px 8px;min-height:33px}.entry-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.entry-name{border:0;background:transparent;min-width:0;width:100%;font-size:12px;padding:3px 0}.entry-weight{width:48px;font-size:12px;border:1px solid var(--line);border-radius:3px;padding:3px}.chance{font-size:9px;min-width:34px;color:var(--muted);text-align:right}.entry-remove{font-weight:400;font-size:17px;min-height:25px;width:23px;flex-shrink:0;color:#818a80}.add-form{display:flex;margin:9px 2px 16px;border:1px dashed #cbd1bf;border-radius:6px;align-items:center;padding:0 7px}.add-form input{background:none;border:none;min-width:0;width:100%;font-size:11px;padding:10px 3px}.add-form button{font-size:20px;min-height:33px;width:30px}.editor-bottom{display:flex;gap:7px}.dark-button{background:var(--ink);color:#fff;border-radius:7px;padding:12px 17px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:18px}.dark-button:hover{background:#3c5041}.editor-bottom .dark-button{flex:1}.import-button{display:inline-flex;align-items:center;cursor:pointer}.privacy-note{font-size:9px;color:var(--muted);text-align:center;margin:12px 0 0}.privacy-note a{text-underline-offset:3px}.starter-strip{max-width:1200px;margin:27px auto 0;padding:24px 0 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:18px}.starter-strip .eyebrow{font-size:8px;color:#75806a}.starter-strip h2{font-size:18px;letter-spacing:-.4px;margin:7px 0;font-weight:500}.starter-buttons{display:flex;gap:8px}.starter-buttons a{font-size:11px;padding:11px 12px;border:1px solid var(--line);border-radius:7px;text-decoration:none;white-space:nowrap}.starter-buttons a:hover{background:#ecefe1}.starter-buttons span{margin-right:4px}.story-section{max-width:1200px;margin:75px auto;display:grid;grid-template-columns:.85fr 1.7fr;gap:70px}.story-section h2{font-size:38px;font-weight:400;letter-spacing:-1.5px;line-height:1.1;margin:17px 0}.story-section p{font-size:13px;color:var(--muted);line-height:1.7}.text-link{font-size:12px;display:inline-block;margin-top:12px;text-underline-offset:5px}.story-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.story-cards article{border:1px solid var(--line);padding:24px 20px;border-radius:10px}.story-cards article:nth-child(2){background:#edf0e3}.card-number{font-size:8px;letter-spacing:1px;color:var(--muted)}.story-cards h3{font-size:21px;font-weight:400;letter-spacing:-.6px;line-height:1.2;margin:34px 0 14px}.story-cards p{font-size:12px}.faq-section{max-width:780px;margin:80px auto}.faq-section h2{font-size:30px;font-weight:400;letter-spacing:-1px;margin-bottom:30px}.faq-section details{border-top:1px solid var(--line);padding:20px 0}.faq-section details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:14px}details p{font-size:13px;color:var(--muted);line-height:1.7}footer{padding:30px 48px;max-width:1440px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}footer .brand{font-size:18px}footer span,footer a:not(.brand){font-size:11px}footer>div{display:flex;gap:24px}footer span{color:var(--muted)}dialog{color:var(--ink);border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:30px;width:min(520px,calc(100% - 32px));max-height:90vh;box-shadow:0 20px 100px #17251c35}dialog::backdrop{background:#1c2a2266;backdrop-filter:blur(5px)}dialog p{font-size:13px;line-height:1.6;color:var(--muted)}dialog h2{font-size:27px;font-weight:500;letter-spacing:-1px}.dialog-header{display:flex;align-items:center;justify-content:space-between}.dialog-header button,.dialog-x{font-size:25px}.dialog-x{position:absolute;right:15px;top:12px}.winner-dialog{text-align:center;padding-top:38px}.winner-spark{font-size:62px;color:#779944}.winner-dialog .eyebrow{display:block;margin:15px 0}.winner-dialog h2{font-size:38px;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.dialog-actions button{font-size:11px}textarea{display:block;width:100%;border:1px solid #cfd4c6;border-radius:8px;background:#fff;margin:8px 0 15px;padding:12px;resize:vertical}dialog label{font-size:12px}.saved-wheel{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:8px;padding:10px 0}.saved-wheel>button:first-child{font-size:14px;text-align:left;overflow-wrap:anywhere}.saved-wheel small{font-size:10px;color:var(--muted)}#history-list{font-size:13px;padding-left:20px;max-height:200px;overflow:auto}#history-list li{margin:10px 0;overflow-wrap:anywhere}.undo-bar{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:9px;box-shadow:0 6px 20px #0002;z-index:10;padding:7px 10px 7px 20px;font-size:12px;align-items:center;gap:20px}.undo-bar:not([hidden]){display:flex}.undo-bar button{color:var(--lime);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{padding:20px;text-align:center}.article{max-width:850px;margin:60px auto 85px;padding:0 25px}.article h1{font-size:48px;line-height:1.1}.article h2{font-size:26px;font-weight:500;letter-spacing:-.7px;margin-top:40px}.article h3{font-weight:500}.article p,.article li{line-height:1.8;font-size:15px;color:#526158}.article a{text-underline-offset:3px}.article .callout{padding:20px 24px;background:#eaf0de;border-radius:10px;margin:25px 0}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.template-card{padding:24px;border:1px solid var(--line);border-radius:12px}.template-card h2{margin-top:0}.template-card a{font-weight:600}.article .lede{font-size:19px}.empty-message{font-size:13px;color:var(--muted);padding:24px 0;line-height:1.6}@media(min-width:1600px){.intro{padding-top:60px}}@media(max-width:1250px){.workspace,.starter-strip,.story-section{margin-left:28px;margin-right:28px}.story-section{gap:30px}.starter-strip{align-items:flex-start;flex-direction:column}.starter-buttons{flex-wrap:wrap}}@media(max-width:800px){.site-header{padding:18px 22px}.site-header nav{gap:15px}.site-header nav a{font-size:11px}.site-header nav a:last-child{display:none}.site-header>.outline{font-size:10px;padding:8px}.brand{font-size:20px}.intro{padding:35px 20px 28px}.intro h1{font-size:39px}.workspace{grid-template-columns:1fr;max-width:620px;margin:auto 22px}.wheel-area{padding:18px 24px}.wheel-stage{max-width:390px;margin-top:25px}.editor{border-left:0;border-top:1px solid var(--line);padding:25px}.entry-list{max-height:280px}.story-section{grid-template-columns:1fr;margin-top:55px}.story-cards{grid-template-columns:repeat(3,1fr)}.story-section>div:first-child{max-width:450px}.faq-section{margin:55px 28px}footer{padding:25px;flex-wrap:wrap}footer>span{display:none}.starter-strip{margin-top:20px}.site-header .brand-dot{display:none}}@media(max-width:520px){.site-header{gap:10px;padding:16px}.site-header nav{display:none}.brand{font-size:20px}.intro .eyebrow{font-size:7px;letter-spacing:1.2px}.mobile-only{display:block}h1,.intro h1{font-size:40px;letter-spacing:-1.9px;line-height:1.08}.intro p{font-size:12px;line-height:1.6;max-width:270px;margin:auto}.workspace{margin:0 12px;border-radius:12px}.wheel-area{padding:16px 15px}.wheel-topline{gap:3px}.pill{font-size:6px;padding:6px}.icon-button{font-size:9px;padding:5px}.wheel-stage{max-width:340px;margin-top:22px}.spin-center{height:83px;width:83px;font-size:12px;border-width:6px}.spin-center span{font-size:23px}.wheel-caption{font-size:8px}.mini-trust{font-size:9px;gap:20px}.editor{padding:23px 17px 20px}.editor h2{font-size:23px}.editor-actions button,.weight-toggle{font-size:10px}.editor-bottom{gap:5px}.editor-bottom .outline{font-size:10px;padding:8px}.editor-bottom .dark-button{font-size:11px;padding:10px}.entry-row{min-height:40px}.entry-name{font-size:13px}.entry-remove{min-height:32px}.starter-strip{margin-left:20px;margin-right:20px}.starter-buttons{gap:7px}.starter-buttons a{font-size:10px;padding:10px}.story-section{margin:45px 20px}.story-cards{grid-template-columns:1fr}.story-cards article{padding:22px}.story-cards h3{margin:18px 0 10px;font-size:23px}.story-cards p{margin-bottom:0}.faq-section{margin:45px 20px}.faq-section h2{font-size:26px}.faq-section summary{font-size:13px;line-height:1.5}footer{padding:25px 20px}footer>div{gap:20px}.article{margin-top:35px;padding:0 20px}.article h1{font-size:38px;letter-spacing:-1.8px}.template-grid{grid-template-columns:1fr}.article p,.article li{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:var(--ink);color:#fff;padding:12px 18px;border-radius:6px}.skip-link:focus{top:12px}.site-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}

.import-button:focus-within{outline:3px solid #6f853d;outline-offset:4px}

.arrow-icon{width:1em;height:1em;vertical-align:-.12em;display:inline-block;flex-shrink:0}.spin-center .arrow-icon{width:22px;height:22px;display:block;margin-top:3px}

/* Brighter, tool-first refresh: own layout, vivid segments and neutral canvas. */
:root{--ink:#17243a;--muted:#5d6878;--paper:#fff;--line:#dfe5ec;--lime:#dce9ff}
.site-header{padding-top:18px;padding-bottom:18px}.brand-mark{background:#246be8;color:#fff}.intro{padding:25px 20px 23px}.intro h1{font-size:clamp(32px,3.4vw,46px);margin:13px 0 11px}.intro .eyebrow span{background:#246be8}.workspace{grid-template-columns:1.35fr 1fr;background:#fff;box-shadow:0 8px 28px #17243a06}.wheel-area{background:#f8faff}.wheel-stage{max-width:492px;margin-top:22px}.spin-center{background:#fff;color:#17243a;border-color:#fff;box-shadow:0 2px 12px #17243a30}.spin-center:hover{background:#edf4ff}.pointer{background:#17243a}.dark-button{background:#246be8}.dark-button:hover{background:#1556c4}.count-badge{background:#eaf1ff}.icon-button[aria-pressed=true]{background:#dce9ff}.pill{border-color:#d4deee}.wheel-shadow{box-shadow:0 10px 28px #17243a18}.mini-trust{border-color:#dce3ee}.story-cards article:nth-child(2){background:#f1f6ff}.starter-buttons a:hover{background:#edf4ff}.article .callout{background:#edf4ff}.winner-spark{color:#246be8}.editor-heading .eyebrow,.starter-strip .eyebrow{color:#64738a}.undo-bar button{color:#c7ddff}
@media(min-width:1600px){.intro{padding-top:30px}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.wheel-stage{max-width:390px}.intro{padding:24px 20px}.intro h1{font-size:39px}}@media(max-width:520px){.intro h1{font-size:38px}.wheel-stage{max-width:340px}.site-header{padding:16px}}