:root{--canvas:#fffaf5;--surface:#fff;--ink:#28322e;--muted:#5d6862;--line:#e4dbd2;--brand:#376f60;--brand-pressed:#2b5a4d;--danger:#8c2f26;--focus:#174fe0;--radius-card:1rem;--radius-control:.875rem;--shadow-card:0 10px 28px #44312214;--page-gutter:clamp(1rem, 5vw, 2rem);--content-width:43rem}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--canvas)}body{background:var(--canvas);min-width:0;color:var(--ink);margin:0;font-family:ui-rounded,Avenir Next,Avenir,sans-serif;overflow-x:clip}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a{color:inherit}::selection{color:#16362d;background:#bfe5d8}:where(a,button,input,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.app-shell{min-height:100dvh;padding-block:max(.75rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-bottom));padding-inline:max(var(--page-gutter), env(safe-area-inset-left)) max(var(--page-gutter), env(safe-area-inset-right))}.site-header,.site-main{width:min(100%, var(--content-width));margin-inline:auto}.site-header{padding-block:.25rem .75rem}.brand{min-height:2.75rem;color:var(--brand);letter-spacing:-.03em;align-items:center;font-size:1.125rem;font-weight:800;text-decoration:none;display:inline-flex}.home-page{padding-block:clamp(.75rem,3vw,1.75rem)}h1{letter-spacing:-.04em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(2rem,8vw,3.75rem);line-height:1.03}.home-intro,.not-found p{color:var(--muted);font-size:1.05rem;line-height:1.5}.home-intro{margin:.75rem 0 1.35rem}.template-list{gap:.75rem;display:grid}.template-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);min-height:5.75rem;box-shadow:var(--shadow-card);grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:.875rem;padding:1rem;text-decoration:none;transition:border-color .16s,box-shadow .16s,filter .1s;display:grid}.template-card:hover{border-color:color-mix(in srgb, var(--brand) 42%, var(--line))}.template-card:active{filter:brightness(.96);box-shadow:0 4px 14px #4431221a}.template-card__mark{border:2px solid var(--surface);background:conic-gradient(var(--card-accent) 0 25%, #f4bf56 25% 50%, #70bda9 50% 75%, #7ea3e6 75%);width:2.75rem;height:2.75rem;box-shadow:0 0 0 1px var(--line);border-radius:50%;position:relative}.template-card__mark:after{background:var(--surface);content:"";border-radius:50%;position:absolute;inset:38%}.template-card__content{gap:.2rem;min-width:0;display:grid}.template-card__title{font-weight:800}.template-card__description{color:var(--muted);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.35;display:-webkit-box;overflow:hidden}.template-card__chevron{color:var(--brand);font-size:1.75rem;line-height:1}.wheel-route-shell{align-content:start;gap:.4rem;min-height:55dvh;padding-block:.1rem 1rem;display:grid}.wheel-route-shell h1{font-size:clamp(1.75rem,7vw,2.75rem)}.back-link{width:fit-content;min-height:2.75rem;color:var(--brand);text-underline-offset:.2em;align-items:center;font-weight:700;display:inline-flex}.wheel-screen{justify-items:center;gap:.65rem;width:100%;margin-top:.25rem;display:grid}.wheel-wrap{aspect-ratio:1;width:min(100%,31rem,max(13rem,100dvh - 11rem));position:relative}.wheel{filter:drop-shadow(0 12px 18px #4431221f);width:100%;height:100%;display:block;overflow:visible}.wheel__rotor{transform-box:fill-box;transform-origin:50%;transition-property:transform;transition-timing-function:cubic-bezier(.18,.82,.2,1)}.wheel__pointer{z-index:1;border-top:1.5rem solid var(--ink);border-left:.85rem solid #0000;border-right:.85rem solid #0000;width:0;height:0;position:absolute;top:-.1rem;left:50%;transform:translate(-50%)}.button{border-radius:var(--radius-control);background:var(--brand);color:#fff;cursor:pointer;text-align:center;border:1px solid #0000;justify-content:center;align-items:center;min-width:8rem;min-height:2.75rem;padding:.65rem 1rem;font-weight:800;text-decoration:none;transition:background-color .12s,filter .1s,box-shadow .12s;display:inline-flex}.button:hover{background:var(--brand-pressed)}.button:active{filter:brightness(.9);box-shadow:inset 0 2px 3px #00000029}.button:disabled{cursor:not-allowed;opacity:.55}.button--quiet{border-color:var(--line);background:var(--surface);color:var(--ink)}.button--quiet:hover{border-color:color-mix(in srgb, var(--brand) 42%, var(--line));background:var(--surface)}.wheel-spin,.wheel-edit{width:min(100%,24rem)}.wheel-spin{font-size:1.1rem}.wheel-error{width:min(100%,31rem);color:var(--danger);text-align:center;margin:0}.modal-backdrop{z-index:100;padding-top:max(1rem, env(safe-area-inset-top));background:#19231f5c;justify-content:center;align-items:flex-end;animation:.16s ease-out modal-fade;display:flex;position:fixed;inset:0}.modal-sheet{width:min(100%,42rem);max-height:calc(100dvh - max(1rem, env(safe-area-inset-top)));overscroll-behavior:contain;padding:1rem max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));border:1px solid var(--line);background:var(--surface);border-bottom:0;border-radius:1.25rem 1.25rem 0 0;animation:.18s cubic-bezier(.2,.8,.2,1) modal-rise;overflow-y:auto;box-shadow:0 -12px 36px #232d282e}.modal-sheet__header{z-index:1;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:start;gap:1rem;margin:-1rem -.25rem 1rem;padding:1rem .25rem .75rem;display:flex;position:sticky;top:-1rem}.modal-sheet__header h2{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.4rem,6vw,2rem)}.modal-sheet__description{max-width:58ch;color:var(--muted);margin:.35rem 0 0;line-height:1.45}.modal-close{border:1px solid var(--line);background:var(--surface);min-width:2.75rem;min-height:2.75rem;color:var(--brand);cursor:pointer;border-radius:.75rem;padding:.4rem .6rem;font-weight:800}.modal-sheet__body{min-width:0}.result-sheet{gap:1rem;display:grid}.result-sheet__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.result-sheet__actions .button{min-width:0}.result-action{justify-items:start;gap:.35rem;display:grid}.result-action p{color:var(--muted);margin:0}.result-color{gap:.65rem;display:grid}.result-color p{align-items:center;gap:.5rem;margin:0;display:flex}.color-swatch{border:1px solid var(--line);border-radius:50%;width:1.75rem;height:1.75rem}.template-controls,.custom-options,.custom-editor{gap:1rem;min-width:0;display:grid}.preset-list,.template-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.preset-list .button{min-width:0}.entry-editor,.number-range{color:var(--ink);gap:.5rem;font-weight:700;display:grid}.entry-editor span{color:var(--muted);font-size:.875rem;font-weight:400}textarea,input{border:1px solid var(--line);background:var(--canvas);width:100%;min-height:2.75rem;color:var(--ink);border-radius:.5rem;padding:.65rem}textarea{resize:vertical;min-height:8rem}.number-range{border:1px solid var(--line);border-radius:var(--radius-control);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:1rem}.number-range legend{padding-inline:.25rem}.number-range .button,.number-range .field-error{grid-column:1/-1}.number-range .button{justify-self:start}.field-error,.entry-editor small{color:var(--danger);font-weight:600}.confirm-dialog{gap:.75rem;display:grid}.custom-preferences{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding-bottom:1rem;display:grid}.toggle-row{align-items:center;gap:.65rem;font-weight:700;display:flex}.toggle-row input{flex:none;width:1.375rem;height:1.375rem;min-height:0}.storage-warning{color:var(--danger);grid-column:1/-1;margin:0;font-size:.875rem}.custom-editor__heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.custom-editor__heading h2{margin:0;font-size:1.25rem}.custom-entry-list{gap:.75rem;display:grid}.custom-entry-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem .5rem;display:grid}.custom-entry-row__actions{flex-wrap:wrap;gap:.3rem;display:flex}.row-action-button{border:1px solid var(--line);background:var(--canvas);min-height:2.75rem;color:var(--ink);cursor:pointer;border-radius:.65rem;padding:.5rem .65rem;font-weight:700}.row-action-button--danger{color:var(--danger)}.row-action-button:disabled{cursor:not-allowed;opacity:.45}.custom-entry-row__error{color:var(--danger);grid-column:1/-1}.bulk-paste{border-top:1px solid var(--line);gap:.65rem;padding-top:.5rem;display:grid}.bulk-paste summary{cursor:pointer;min-height:2.75rem;color:var(--brand);align-items:center;font-weight:800;display:flex}.bulk-paste label{font-weight:700}.bulk-paste small{color:var(--danger)}.bulk-paste .button{justify-self:start}.not-found{justify-items:start;gap:.5rem;padding-block:clamp(2rem,10vw,5rem);display:grid}.not-found p{margin:.5rem 0 1rem}.not-found__link{width:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes modal-fade{0%{background-color:#0000}}@keyframes modal-rise{0%{transform:translateY(1rem)}}@media (max-width:28rem){.number-range,.custom-entry-row,.custom-preferences{grid-template-columns:1fr}.custom-entry-row__actions{justify-content:flex-start}.template-actions .button{width:100%}}@media (min-width:48rem){.template-list{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{align-items:center;padding:2rem}.modal-sheet{border-bottom:1px solid var(--line);border-radius:1.25rem;max-height:calc(100dvh - 4rem);padding:1.25rem}.modal-sheet__header{margin:-1.25rem -.25rem 1rem;padding-top:1.25rem;top:-1.25rem}}@media (orientation:landscape) and (max-height:31rem) and (min-width:40rem){.app-shell{padding-block:max(.4rem, env(safe-area-inset-top)) max(.4rem, env(safe-area-inset-bottom))}.site-header{display:none}.wheel-route-shell{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.25rem 1rem;padding:0}.wheel-route-shell h1{font-size:1.55rem}.wheel-screen{grid-column:1/-1;grid-template-rows:1fr auto auto 1fr;grid-template-columns:minmax(13rem,1fr) minmax(13rem,18rem);min-height:calc(100dvh - 4.25rem);margin:0}.wheel-wrap{grid-area:1/1/5;width:min(52dvh,18rem)}.wheel-error{grid-area:1/2;align-self:end}.wheel-spin{grid-area:2/2}.wheel-edit{grid-area:3/2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.wheel__rotor{transition-duration:0s!important}}@media (forced-colors:active){.button,.modal-close,.row-action-button,.template-card{border:1px solid buttontext}.wheel,.template-card__mark,.color-swatch{forced-color-adjust:none}.wheel__pointer{border-top-color:canvastext}}