@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.flex{display:flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--primary:#171717;--truth-color:#10b981;--dare-color:#7c3aed;--on-primary:#fff;--ink:#171717;--body:#4d4d4d;--mute:#888;--muted:#888;--hairline:#ebebeb;--canvas:#fff;--canvas-soft:#fafafa;--accent:#007cf0;--control-bg:var(--canvas-soft);--control-border:#0f172a0f;--control-shadow:0 6px 16px #0206170f;--control-foreground:var(--ink);--control-size:44px}[data-theme=dark]{--primary:#fff;--truth-color:#34d399;--dare-color:#c084fc;--on-primary:#000;--ink:#fff;--body:#cbd5e1;--mute:#9aa4b2;--muted:#9aa4b2;--hairline:#ffffff14;--canvas:#000;--canvas-soft:#0a0a0a;--accent:#60a5fa;--control-bg:#ffffff0a;--control-border:#ffffff14;--control-shadow:0 6px 16px #0009;--control-foreground:var(--primary);background-color:var(--canvas)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{width:100%;min-height:100%;margin:0}body{background:linear-gradient(180deg,var(--canvas-soft),var(--canvas));color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;overflow-x:hidden}img,svg{max-width:100%;display:block}.container{max-width:980px;margin:0 auto;padding:clamp(14px,4vw,32px)}main.container{padding-top:calc(64px + env(safe-area-inset-top,0px))}.site-header{flex-direction:column;align-items:center;gap:8px;padding:clamp(20px,5vw,48px) 0 clamp(12px,3vw,24px);display:flex;position:relative}.site-header:before{content:"";filter:blur(56px);opacity:.12;z-index:-1;pointer-events:none;background:linear-gradient(83.21deg,#007cf0,#00dfd8,#ff0080);border-radius:20px;height:220px;position:absolute;top:-40px;left:-10%;right:-10%}.site-header h1{text-align:center;color:var(--primary);letter-spacing:-1px;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(26px,7vw,56px);font-weight:800}.hero-title{letter-spacing:-1px;font-weight:800}.tagline{color:var(--muted);font-size:14px}.hero-links{flex-wrap:wrap;justify-content:center;gap:10px 16px;margin-top:14px;display:flex}.hero-links a{color:var(--muted);border-bottom:1px solid #0000;font-size:13px;text-decoration:none;transition:color .15s,border-color .15s}.hero-links a:hover{color:var(--primary);border-color:var(--hairline)}.card{background:var(--canvas);border:1px solid var(--hairline);border-radius:12px;padding:16px;box-shadow:0 6px 20px #0206170f}.card strong{margin-bottom:6px;display:block}.card.vercel{border:1px solid var(--hairline);background:linear-gradient(#ffffff05,#ffffff03);border-radius:10px;padding:12px;box-shadow:0 6px 18px #0206170a}.history-empty{color:var(--muted);font-size:13px}.workspace{gap:20px;margin-top:28px;display:flex}.left{width:360px}.center{flex:1;justify-content:center;align-items:center;display:flex}.spinner-stage{flex-direction:column;align-items:center;gap:clamp(12px,3vw,24px);padding:clamp(14px,4vw,28px);display:flex}.spinner-frame{place-items:center;width:100%;display:grid;position:relative}.spinner-wrap{place-items:center;width:100%;padding:8px 0;display:grid}.wheel{aspect-ratio:1;will-change:transform;transform-origin:50%;touch-action:manipulation;border-radius:50%;place-items:center;width:clamp(200px,min(80vw,80vmin),520px);height:auto;display:grid;position:relative;overflow:visible;box-shadow:0 28px 80px #02061714}.wheel-center{background:var(--canvas);width:clamp(50px,16vmin,120px);height:clamp(50px,16vmin,120px);color:var(--primary);z-index:20;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 6px 20px #0206170f}.pointer{color:var(--primary);pointer-events:none;filter:drop-shadow(0 6px 14px #02061714);z-index:40;place-items:center;display:grid;position:absolute;top:6px;left:50%;transform:translate(-50%)}.result-overlay{z-index:60;color:var(--primary);opacity:0;pointer-events:none;text-align:center;background:#fffffff5;border:1px solid #0f172a0f;border-radius:12px;place-items:center;min-width:120px;padding:clamp(8px,2vw,14px) clamp(14px,3vw,22px);font-size:clamp(18px,5vw,48px);font-weight:700;transition:opacity .2s,transform .25s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.96);box-shadow:0 14px 38px #0206171f}.result-overlay.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.spin-button{background:linear-gradient(90deg,var(--accent),#7c3aed);color:#fff;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;justify-content:center;align-items:center;padding:clamp(10px,2.5vw,12px) clamp(18px,4vw,24px);font-family:inherit;font-size:clamp(13px,3vw,15px);font-weight:600;text-decoration:none;display:inline-flex}.spin-button.neutral{background:var(--canvas-soft);color:var(--ink);box-shadow:none;border:1px solid var(--hairline)}.spin-button:hover{opacity:.9}.burger-button{width:var(--control-size);height:var(--control-size);background:var(--control-bg);border:1px solid var(--control-border);box-shadow:var(--control-shadow);cursor:pointer;color:var(--control-foreground);border-radius:10px;place-items:center;padding:6px;text-decoration:none;display:grid}.burger-button:focus{outline:none;box-shadow:0 0 0 4px #60a5fa1f}.corner-left{left:max(12px,env(safe-area-inset-left,12px));top:max(12px,env(safe-area-inset-top,12px));z-index:1000;position:fixed}.corner-right{right:max(12px,env(safe-area-inset-right,12px));top:max(12px,env(safe-area-inset-top,12px));z-index:1000;position:fixed}.side-backdrop{opacity:0;pointer-events:none;z-index:50;background:#0206175c;transition:opacity .22s;position:fixed;inset:0}.side-backdrop.open{opacity:1;pointer-events:auto}.side-menu{z-index:60;background:var(--canvas);border-left:1px solid var(--hairline);align-items:start;width:min(88vw,420px);padding:18px;transition:transform .28s cubic-bezier(.2,.9,.3,1);display:grid;position:fixed;top:0;bottom:0;right:0;transform:translate(110%)}.side-menu.open{transform:translate(0)}.side-link{color:var(--primary);border-radius:8px;padding:10px 12px;text-decoration:none;display:block}.side-link:hover{background:#02061708}.chip{align-items:center;gap:8px;display:inline-flex}.chip-label{color:var(--primary);font-size:14px;font-weight:600}.chip-swatch{border:1px solid var(--control-border);border-radius:4px;width:14px;height:14px;display:inline-block}.chip-swatch.truth{background:var(--truth-color)}.chip-swatch.dare{background:var(--dare-color)}.hero-cta{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:clamp(13px,3.5vw,15px);display:flex}.hero-cta kbd{background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:6px;padding:2px 6px;font-family:inherit;font-size:13px}@keyframes introPulse{0%{box-shadow:0 0 #60a5fa2e}70%{box-shadow:0 0 0 18px #60a5fa05}to{box-shadow:0 0 #60a5fa00}}.wheel.intro-pulse{animation:2.8s ease-out both introPulse}.tos-confetti{pointer-events:none;z-index:9999;opacity:1;transform-origin:50%;border-radius:2px;width:8px;height:12px;position:fixed;top:0}.slice-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.slice-row .slice-index{text-align:right;color:var(--muted);flex:0 0 24px;padding-right:6px}.slice-row select{min-width:0}.slice-row input[type=color]{border:1px solid var(--hairline);border-radius:6px;width:44px;height:34px;padding:0}.slice-row button{cursor:pointer;background:0 0;border:none;padding:6px}.faq-list{flex-direction:column;gap:10px;display:flex}.faq-list details{background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:10px;padding:0;overflow:hidden}.faq-list details summary{cursor:pointer;color:var(--primary);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 16px;font-size:clamp(14px,3.5vw,15px);font-weight:600;list-style:none;display:flex}.faq-list details summary::-webkit-details-marker{display:none}.faq-list details summary:after{content:"＋";color:var(--muted);flex-shrink:0;margin-left:12px;font-size:18px;transition:transform .2s}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details .faq-body{color:var(--body);padding:0 16px 14px;font-size:clamp(13px,3.5vw,14px);line-height:1.6}.faq-list details .faq-body p{margin:0 0 8px}.faq-list details .faq-body p:last-child{margin-bottom:0}.seo-content article{color:var(--body);font-size:clamp(13px,3.5vw,15px);line-height:1.7}.seo-content article h2{color:var(--primary);margin:0 0 14px;font-size:clamp(16px,4.5vw,22px);font-weight:700}.seo-content article p{margin:0 0 12px}.seo-content article p:last-child{margin-bottom:0}.info-page{max-width:680px;margin:0 auto}.info-page h1{color:var(--primary);letter-spacing:-.5px;margin:0 0 8px;font-size:clamp(24px,6vw,40px);font-weight:800}.info-page .meta{color:var(--muted);margin-bottom:28px;font-size:13px}.info-page h2{color:var(--primary);margin:28px 0 10px;font-size:clamp(17px,4vw,21px);font-weight:700}.info-page p,.info-page li{color:var(--body);font-size:clamp(14px,3.5vw,15px);line-height:1.75}.info-page ul{margin:0 0 14px;padding-left:1.4em}.info-page a{color:var(--accent);text-decoration:none}.info-page a:hover{text-decoration:underline}.home-links-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:18px;display:grid}.home-link-card{background:var(--canvas-soft);border:1px solid var(--hairline);color:var(--primary);border-radius:12px;flex-direction:column;gap:6px;padding:16px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex}.home-link-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #02061714}.home-link-card .hlc-title{font-size:15px;font-weight:700}.home-link-card .hlc-desc{color:var(--muted);font-size:13px;line-height:1.5}.site-footer{border-top:1px solid var(--hairline);text-align:center;margin-top:clamp(28px,6vw,56px);padding:clamp(20px,4vw,32px) clamp(14px,4vw,32px)}.footer-nav{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:14px;display:flex}.footer-nav a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .15s}.footer-nav a:hover{color:var(--primary)}.footer-copy{color:var(--muted);margin:0;font-size:12px}.ruler{border-radius:8px;height:260px;position:relative;overflow:hidden}.ruler .edge{background:linear-gradient(90deg,#111827,#374151);width:36px;height:100%;position:absolute;top:0}.ruler .edge.right{right:0}.ruler .edge.left{left:0}.text-mute{color:var(--muted)}.cal-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.cal-row label{color:var(--muted);flex:1}@media(max-width:768px){.workspace{flex-direction:column}.left{width:100%}.slice-row{flex-direction:column;align-items:stretch}.slice-row .slice-index{text-align:left;padding-right:0}.slice-row select,.slice-row input[type=color],.slice-row button{width:100%}}@media(max-width:600px){.site-header:before{opacity:.09;height:140px;top:-20px}.side-menu{width:100vw}.chip-label{font-size:13px}.chip-swatch{width:12px;height:12px}.burger-button{width:40px;height:40px}.result-overlay{min-width:90px}}@media(max-width:380px){.spin-button{padding:10px 16px;font-size:13px}.hero-cta kbd{display:none}}.site-footer{padding-bottom:calc(clamp(20px,4vw,32px) + env(safe-area-inset-bottom,0px))}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}html,body{margin:0;width:100%;min-height:100%}
