html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#fcf4fa;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#003a70;overflow-x:hidden}.app-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:linear-gradient(to bottom,#fcf4fa,#f8eef5);position:relative;overflow:hidden}.logo-container{position:fixed;top:20px;left:20px;display:flex;align-items:center;cursor:pointer;z-index:20;transition:opacity .2s;padding:4px 8px;border-radius:6px}.logo-container:hover{background-color:#003a700f}.logo-icon{margin-right:10px;display:flex}.logo-text{font-weight:600;font-size:1.125rem;color:#003a70;letter-spacing:-.01em}.initial-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding-top:15vh;position:relative;overflow-y:auto;overflow-x:hidden}@supports (-webkit-touch-callout: none){html,body{overflow:hidden;position:fixed;width:100%;height:100%}.app-container{overflow:hidden;height:100vh;height:-webkit-fill-available}.initial-container{overflow:hidden;height:100vh;height:-webkit-fill-available;overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:none}.chat-container .message-list,.tile-selector{overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}}@media (max-height: 700px){.initial-container{padding-top:15vh}}.initial-container .chat-input-container{max-width:600px}.initial-title{font-size:2rem;font-weight:600;color:#003a70;margin-bottom:8px;text-align:center}.initial-subtitle{font-size:.85rem;color:#7a9bc0;margin-top:0;margin-bottom:32px;text-align:center;max-width:500px;padding:0 24px}.home-tagline-divider{margin-top:24px}.home-tagline{font-size:.78rem;color:#7a9bc0;text-align:center;margin-top:6px;margin-bottom:0;font-style:italic}.initial-container .input-bar{position:static;bottom:auto;left:auto;right:auto;background:transparent;padding:0 16px;margin-bottom:16px;z-index:1}.initial-container .question-carousel-container{width:100%;max-width:600px;margin:0;position:relative}.message{font-family:Inter,system-ui,sans-serif;font-size:.875rem}.chat-container{display:flex;flex-direction:column;width:100%;max-width:600px;height:100vh;height:100dvh;position:relative;padding:60px 0 0;box-sizing:border-box;overflow:hidden}.message-list{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;padding:15px 10px 110px;box-sizing:border-box;margin-bottom:0;scroll-padding-bottom:20px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;max-height:100%;height:100%;z-index:1}.message-list>div:first-child{margin-top:8px}.message-list>div:last-child{margin-bottom:8px}.message.user{align-self:flex-end;background:#003a70;color:#fff;padding:8px 12px;border-radius:12px;max-width:80%;word-break:break-word;white-space:pre-wrap;font-size:12px}.message.assistant{align-self:flex-start;background:#fff;color:#003a70;padding:8px 12px;border-radius:12px;max-width:80%;word-break:break-word;font-size:12px;border:1px solid #E8DFE5}.message p{margin:0 0 6px}.message p:last-child{margin-bottom:0}.message p:empty{display:none}.message ul,.message ol{margin:4px 0;padding-left:20px}.message li{margin-bottom:2px}.message code{background:#003a700f;padding:1px 4px;border-radius:3px;font-size:.9em}.message strong{font-weight:600}.input-bar{width:100%;max-width:600px;box-sizing:border-box;padding:16px 16px 24px;background:transparent;position:fixed;bottom:0;left:0;right:0;margin:0 auto;z-index:30;background:linear-gradient(to top,#fcf4faf2,#fcf4facc 70%,#fcf4fa00)}.chat-container .input-bar{width:100%;max-width:600px}.chat-input-container{display:flex;align-items:center;width:100%;background:#ffffffb3;border:1px solid #B7D1F0;border-radius:9999px;padding:12px 16px;box-sizing:border-box;min-height:52px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #003a700f,0 0 0 1px #b7d1f033 inset}.chat-input-container .icon-btn{min-width:28px;height:28px;border:1.5px solid #E57FBE;border-radius:50%;display:flex;align-items:center;justify-content:center;background:none;cursor:pointer;margin-right:8px;padding:0;font-size:16px;color:#e57fbe;flex-shrink:0}.chat-input-container .icon-btn svg{fill:#e57fbe}.chat-input-container .icon-btn:hover{border-color:#d06aaa;color:#d06aaa}.chat-input-container textarea{flex:1;border:none;outline:none;background:transparent;font-size:.75rem;padding:8px;line-height:1.4;resize:none;box-sizing:border-box;max-height:200px;overflow-y:auto;margin:0;color:#003a70;font-family:Inter,system-ui,sans-serif;transition:opacity .2s,background-color .2s}.chat-input-container textarea::placeholder{color:#8fa5c2}.chat-input-container .send-btn{background:#e57fbe;border:none;margin-left:8px;padding:6px;height:32px;width:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-input-container .send-btn:disabled{opacity:.5;cursor:default}.chat-input-container .send-btn svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tile-selector{width:calc(100% - 24px);max-width:600px;box-sizing:border-box;background:#fff;border:1px solid #E8DFE5;border-radius:8px;padding:4px;margin:0 auto 16px;z-index:20;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#D4C8D0 transparent}.tile-selector::-webkit-scrollbar{width:6px}.tile-selector::-webkit-scrollbar-track{background:transparent}.tile-selector::-webkit-scrollbar-thumb{background-color:#d4c8d0;border-radius:3px;border:2px solid transparent}.tile-selector:not(:hover)::-webkit-scrollbar-thumb{background-color:transparent}.initial-container .tile-selector{margin-top:0;margin-bottom:16px;box-shadow:0 4px 12px #003a7014}.tile-row{margin-bottom:4px;position:relative;display:flex;align-items:stretch}.tile-option{width:34px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #E8DFE5;border-radius:4px;cursor:pointer;background:#fff;font-size:.75rem;position:relative;color:#003a70;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.selected-row{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:5px;padding:3px 0;min-height:36px;align-items:center}.selected-row-placeholder{font-size:.65rem;color:#8fa5c2;font-style:italic;padding:4px 8px}.row-label{font-weight:700;color:#4a6fa5;font-size:.75rem;writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;min-width:20px;margin-right:4px;background:#f5ebf2;border-radius:4px 0 0 4px;padding:2px 0}.row-tiles{display:flex;flex-wrap:wrap;gap:4px;flex:1;align-items:center}.tile-row .clear-btn{margin-left:auto;background:#f5ebf2;color:#003a70;border:none;padding:3px 6px;border-radius:4px;cursor:pointer;font-size:.75rem}.tile-row .clear-btn:hover{background:#e8dfe5;color:#003a70}.tile-option.selected{border-color:#e57fbe;background:#fdf2f9}.tile-option.exposed{border-color:#3b82f6;background:#eff6ff;color:#1e3a8a}.lock-icon{position:absolute;top:1px;left:2px;font-size:.5rem;color:#3b82f6;opacity:.8}.tile-count{position:absolute;top:1px;right:1px;font-size:.55rem;font-weight:700;background-color:#e57fbe;color:#fff;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center}.tile-option.exposed .tile-count{background-color:#3b82f6}.selected-row .tile-option{width:23px;height:40px;padding:2px 1px;font-size:.7rem}.selected-row .tile-option.exposed{border-color:#3b82f6;background:#eff6ff;color:#1e3a8a}.selected-row .tile-option.exposed .lock-icon{font-size:.4rem;top:1px;left:1px}.selected-row .tile-option .tile-count{display:none}.intent-divider{display:flex;align-items:center;gap:12px;width:100%;max-width:600px;padding:0 16px;box-sizing:border-box;margin-bottom:16px}.intent-divider-line{flex:1;height:1px;background:#e8dfe5}.intent-divider-text{font-size:.7rem;color:#8fa5c2;white-space:nowrap}.intent-section{width:100%;max-width:600px;padding:0 16px;box-sizing:border-box}.intent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.intent-tile{background:#fff;border:1px solid #D4C8D0;border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;gap:0;cursor:pointer;transition:box-shadow .2s,transform .15s,border-color .2s;font-family:inherit;text-align:left;box-shadow:0 1px 4px #003a7012}.intent-tile:hover{box-shadow:0 4px 12px #003a7014;transform:translateY(-2px);border-color:#d4c8d0}.intent-tile-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.intent-icon-bubble{width:28px;height:28px;border-radius:50%;background:#f5ebf280;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.intent-tile-title{font-size:.85rem;font-weight:600;color:#003a70;line-height:1.3}.intent-tile-example{font-size:.65rem;color:#8fa5c2;line-height:1.4;font-style:italic}@media (max-width: 600px){.intent-section{padding:0 12px}.intent-grid{gap:10px}.intent-tile{padding:14px 12px}.intent-icon-bubble{width:24px;height:24px;font-size:.75rem}.intent-tile-title{font-size:.78rem}.intent-tile-subtitle{font-size:.65rem}}@media (max-width: 600px){.app-container{padding:0}.initial-container{padding-top:10vh}.chat-container{padding-top:70px}.logo-container{top:10px;left:10px}.input-bar{padding:8px 10px}.message-list{padding:15px 10px 90px}.tile-selector{overflow-x:auto;-webkit-overflow-scrolling:touch;max-height:50vh;overflow-y:auto;padding:4px 3px;scrollbar-width:none}.tile-selector::-webkit-scrollbar{display:none}.tile-option{scroll-snap-align:start;flex-shrink:0;min-width:28px;width:28px;height:40px}.selected-row{flex-wrap:nowrap;overflow-x:auto;gap:3px;padding-bottom:5px;padding-right:40px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.selected-row .tile-option{scroll-snap-align:start;flex-shrink:0;min-width:16px;width:16px;height:32px;font-size:.6rem}.row-label{min-width:16px;font-size:.6rem;margin-right:3px}.tile-row{margin-bottom:3px}}@media (max-width: 429px){.toggle-icon{display:none}}@media (max-width: 375px){.tile-option{min-width:26px;width:26px;height:38px;font-size:.65rem}.selected-row .tile-option{min-width:14px;width:14px;height:30px;font-size:.55rem}.row-label{min-width:14px;font-size:.55rem}.row-tiles{gap:3px}}@media (max-width: 320px){.tile-option{min-width:24px;width:24px;height:36px;font-size:.6rem}.row-label{min-width:12px;font-size:.5rem}.row-tiles{gap:2px}}:root{font-size:16px}.thinking-indicator{font-style:italic;opacity:.8;padding:8px 12px;color:#4a6fa5;animation:pulse 2s infinite;background:#fff;border:1px solid #E8DFE5;border-radius:12px;align-self:flex-start;max-width:80%;margin-bottom:12px}@keyframes pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.tile-hint{z-index:100;pointer-events:none;filter:drop-shadow(0 2px 5px rgba(0,58,112,.2));display:flex;flex-direction:column;align-items:center;will-change:transform}.tile-hint-content{background-color:#e57fbe;color:#fff;border-radius:6px;padding:6px 10px;font-size:.75rem;font-weight:500;max-width:100px;text-align:center;position:relative}.tile-hint-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #E57FBE;margin:0}@media (max-width: 600px){.tile-hint-content{font-size:.7rem;padding:5px 8px;max-width:90px}}.joker-draggable{cursor:grab;transition:transform .2s,box-shadow .2s}.joker-draggable:hover{transform:scale(1.05);box-shadow:0 4px 8px #003a7026}.joker-draggable:active{cursor:grabbing;transform:scale(.95)}.group-separator{display:flex;align-items:center;justify-content:center;color:#b7d1f0;font-size:.8rem;font-weight:700;padding:0 4px;height:40px;line-height:1}@media (max-width: 600px){.group-separator{height:34px;font-size:.7rem;padding:0 3px}}@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 600px){@supports not (-webkit-touch-callout: none){.message-list{padding-bottom:80px}}}body.mobile-safari .chat-container{padding-top:80px}body.mobile-safari .input-bar{z-index:30;background:linear-gradient(to top,#fcf4faf2,#fcf4facc 70%,#fcf4fa00)}body.mobile-safari .message-list{z-index:1;padding-bottom:160px}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#003a7026;z-index:24;opacity:0;pointer-events:none;transition:opacity .3s ease}.bottom-sheet-backdrop.visible{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;bottom:90px;left:0;right:0;max-width:600px;margin:0 auto;background:#fff;border-radius:16px 16px 0 0;border:1px solid #E8DFE5;border-bottom:none;z-index:25;transform:translateY(calc(100% + 100px));transition:transform .3s cubic-bezier(.32,.72,0,1);max-height:55vh;max-height:55dvh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -4px 20px #003a701a}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{display:flex;justify-content:center;padding:10px 0 6px;cursor:grab;touch-action:none;flex-shrink:0}.bottom-sheet-handle-bar{width:36px;height:4px;background:#d4c8d0;border-radius:2px}.bottom-sheet-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 8px 8px}.bottom-sheet .tile-selector{background:transparent;border:none;border-radius:0;padding:0;margin:0;max-height:none;overflow:visible;box-shadow:none}.tile-selector-header{display:flex;align-items:center;gap:8px;padding:4px 4px 8px;border-bottom:1px solid #E8DFE5;margin-bottom:6px}.tile-counter{font-size:.75rem;color:#8fa5c2;font-weight:600;min-width:35px}.year-toggle{display:flex;align-items:center;gap:4px;background:#f5ebf2;border:1px solid #D4C8D0;border-radius:20px;padding:4px 12px;font-size:.7rem;color:#4a6fa5;cursor:pointer;transition:all .2s ease;font-family:inherit;user-select:none;-webkit-user-select:none;font-weight:600}.year-toggle:hover{border-color:#e57fbe;color:#e57fbe}.exposure-toggle{display:flex;align-items:center;gap:4px;background:#f5ebf2;border:1px solid #D4C8D0;border-radius:20px;padding:4px 12px;font-size:.7rem;color:#4a6fa5;cursor:pointer;transition:all .2s ease;font-family:inherit;user-select:none;-webkit-user-select:none}.exposure-toggle.active{background:#003a70;border-color:#003a70;color:#fff}.discard-toggle{position:relative;display:flex;align-items:center;gap:4px;background:#f5ebf2;border:1px solid #D4C8D0;border-radius:20px;padding:4px 12px;font-size:.7rem;color:#4a6fa5;cursor:pointer;transition:all .2s ease;font-family:inherit;user-select:none;-webkit-user-select:none}.discard-toggle.active{background:#003a70;border-color:#003a70;color:#fff}.discard-toggle.disabled{opacity:.4;cursor:not-allowed}.discard-dot{position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:#e57fbe}.discard-toggle.active .discard-dot{background:#e57fbe;border:1px solid #003A70}.selected-row .tile-option.discarded{border-color:#b0a0ac;background:#f0ecf0;color:#8a7a86;opacity:.8}.clear-all-btn{margin-left:auto;background:none;border:1px solid #D4C8D0;border-radius:12px;padding:3px 10px;font-size:.65rem;color:#8fa5c2;cursor:pointer;font-family:inherit}.clear-all-btn:hover{border-color:#b7d1f0;color:#4a6fa5}@media (max-width: 600px){.bottom-sheet{bottom:55px;max-height:50vh;max-height:50dvh;border-radius:14px 14px 0 0}.bottom-sheet-content{padding:0 6px 6px}.bottom-sheet-handle{padding:8px 0 4px}}body.mobile-safari .bottom-sheet{bottom:65px;padding-bottom:env(safe-area-inset-bottom,0px)}.top-tabs{position:fixed;top:12px;right:12px;z-index:var(--z-index-above);display:inline-flex;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-full);box-shadow:var(--shadow-sm);overflow:hidden}.top-tabs a{position:relative;font-size:var(--font-size-xs);font-weight:600;text-decoration:none;color:var(--color-text-secondary);padding:5px 12px;transition:background var(--transition-fast),color var(--transition-fast)}.top-tabs a.active{background:var(--color-text-primary);color:#fff}.tab-dot{position:absolute;top:3px;right:4px;width:5px;height:5px;border-radius:50%;background:var(--color-accent)}:root{--font-base: 16px;--font-family-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--color-bg-primary: #FCF4FA;--color-bg-secondary: #F5EBF2;--color-bg-tertiary: #FFFFFF;--color-bg-input: rgba(255, 255, 255, .6);--color-text-primary: #003A70;--color-text-secondary: #4A6FA5;--color-text-tertiary: #8FA5C2;--color-border-primary: #D4C8D0;--color-border-secondary: rgba(183, 209, 240, .5);--color-accent: #E57FBE;--color-accent-light: rgba(229, 127, 190, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 58, 112, .06);--shadow-md: 0 4px 6px rgba(0, 58, 112, .08);--shadow-lg: 0 10px 15px rgba(0, 58, 112, .1);--z-index-base: 1;--z-index-above: 10;--z-index-modal: 20;--z-index-top: 30;--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}.mj-board{width:100%;max-width:680px;padding:0 var(--spacing-md) var(--spacing-xl);font-family:var(--font-family-primary);color:var(--color-text-primary);text-align:center}.mj-section-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin:var(--spacing-md) 0 var(--spacing-xs)}.mj-rack{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.mj-tile{display:flex;align-items:center;justify-content:center;position:relative;min-width:38px;height:64px;padding:0;line-height:1;border-radius:var(--border-radius-sm);border:1px solid var(--color-border-primary);background:var(--color-bg-tertiary);box-shadow:var(--shadow-sm);font-weight:700;font-size:var(--font-size-md);color:var(--color-text-primary);cursor:grab;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.mj-tile:active{cursor:grabbing}.mj-rack-row{display:flex;gap:4px;justify-content:center;align-items:flex-end;max-width:100%;margin:var(--spacing-xl) auto}.mj-rack-row .mj-tile{flex:1 1 0;min-width:0;max-width:46px;height:auto;aspect-ratio:5 / 7;font-size:clamp(.65rem,2.4vw,.95rem);touch-action:none;-webkit-user-select:none;user-select:none}@media (max-width: 600px){.mj-rack-row{flex-wrap:wrap;max-width:350px;row-gap:8px}.mj-rack-row .mj-tile{flex:0 0 calc((100% - 6 * 4px) / 7);max-width:none;font-size:var(--font-size-sm)}}.mj-rack-row .mj-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.mj-rack-row.intro .mj-tile{animation:mj-settle .5s ease backwards;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes mj-settle{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.mj-tile.dragging{opacity:.6;transform:translateY(-6px) scale(1.05);box-shadow:var(--shadow-lg);z-index:var(--z-index-above)}.mj-tile.selected{transform:translateY(-6px);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light),var(--shadow-md)}.mj-tile.drawn{animation:mj-pop .25s ease}.mj-new-badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);background:var(--color-text-tertiary);color:#fff;font-size:8px;font-weight:700;letter-spacing:.04em;padding:1px 4px;border-radius:var(--border-radius-full)}@keyframes mj-pop{0%{transform:scale(.85)}60%{transform:scale(1.06)}to{transform:scale(1)}}.mj-tile.bam{color:#1f9d57}.mj-tile.crak{color:#d23b3b}.mj-tile.dot{color:#2f6fd2}.mj-tile.honor{color:var(--color-text-primary)}.mj-tile.joker{color:#8b5cf6;background:#f6f0ff}.mj-tile.flower{color:var(--color-accent)}.mj-tile.small{min-width:28px;height:34px;font-size:var(--font-size-sm);box-shadow:none;cursor:default}.mj-rack.dead{opacity:.55}.mj-actions{display:flex;gap:var(--spacing-sm);justify-content:center;align-items:center;margin-top:var(--spacing-lg);min-height:44px}.mj-dead-zone{margin-top:64px;display:flex;flex-direction:column;align-items:center}.mj-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--color-border-primary);background:var(--color-bg-tertiary);color:var(--color-text-primary);border-radius:var(--border-radius-full);padding:10px 22px;font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:filter var(--transition-fast)}.mj-btn:disabled{opacity:.5;cursor:default}.mj-btn:not(:disabled):hover{filter:brightness(.97)}.mj-btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.mj-btn.ghost{background:transparent}.mj-btn.small{padding:6px 14px;font-size:var(--font-size-sm)}.mj-subactions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm)}.mj-log{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin:var(--spacing-sm) 0}.mj-dot{width:16px;height:16px;border-radius:4px;background:var(--color-border-primary)}.mj-dot.green{background:#1f9d57}.mj-dot.yellow{background:#f0b429}.mj-dot.red{background:#d23b3b}.mj-dot.open{background:transparent;border:2px dashed var(--color-text-tertiary)}.mj-feedback{display:inline-block;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--border-radius-md);padding:6px 14px;margin:var(--spacing-xs) 0}.mj-feedback.rejected{background:#d23b3b1a;color:#b32d2d}.mj-feedback.revealed{background:#f0b42926;color:#8a6d1a}.mj-perfect{font-size:var(--font-size-lg);font-weight:700;color:#1f9d57}.mj-rack-row.shake{animation:mj-shake .3s ease}@keyframes mj-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.mj-day{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-lg) auto;max-width:360px}.mj-day-row{display:flex;align-items:center;gap:12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);padding:10px 14px}.mj-day-label{font-weight:600;font-size:var(--font-size-sm);flex:0 0 72px;text-align:left}.mj-day-strip{display:flex;align-items:center;gap:3px;flex:1;min-width:0}.mj-sq{flex:0 1 16px;min-width:6px;aspect-ratio:1;border-radius:3px}.mj-sq.green{background:#1f9d57}.mj-sq.yellow{background:#f0b429}.mj-sq.red{background:#d23b3b}.mj-sq-win{font-size:.9rem;line-height:1;margin-left:2px;flex-shrink:0}.mj-streak{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:4px 0 10px}.mj-verdict{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin:0 0 2px}.mj-day-row{animation:mj-rise .4s ease backwards}@keyframes mj-rise{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.mj-sq,.mj-sq-win{animation:mj-pop-sq .25s ease backwards}@keyframes mj-pop-sq{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}.mj-stats{display:flex;gap:var(--spacing-xl);justify-content:center;margin:var(--spacing-md) 0 var(--spacing-md)}.mj-stat{display:flex;flex-direction:column}.mj-stat b{font-size:1.35rem;color:var(--color-text-primary);line-height:1.1}.mj-stat span{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em}.mj-countdown{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--spacing-md)}.mj-countdown strong{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.mj-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:var(--z-index-top)}.mj-confetti span{position:absolute;top:-14px;border-radius:2px;animation:mj-fall linear forwards}@keyframes mj-fall{0%{opacity:1}85%{opacity:1}to{transform:translateY(105vh) rotate(660deg);opacity:0}}@media (prefers-reduced-motion: reduce){.mj-confetti{display:none}.mj-day-row,.mj-sq,.mj-sq-win{animation:none}}.mj-result{margin-top:var(--spacing-lg)}.mj-result h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.mj-rack.final{margin:var(--spacing-md) 0}.mj-error{color:#d23b3b;font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#003a70;background-color:#fcf4fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#e57fbe;text-decoration:inherit}a:hover{color:#d06aaa}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#e57fbe}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}