@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&display=swap";:root{--color-bg: #000;--color-text: #e0e0e0;--color-paren: #666;--color-op: #888;--font-main: "Cormorant Garamond", "Georgia", serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);text-transform:lowercase;min-height:100vh;display:flex;align-items:center;justify-content:center}#site-title{position:fixed;top:1rem;left:1.5rem;font-size:1.4rem;font-weight:600;letter-spacing:.05em;color:#ccc}#app{display:flex;flex-direction:column;align-items:center;gap:3rem;padding:2rem;width:100%}#table-area{display:flex;align-items:start;gap:1.5rem;flex-shrink:0}#table-container{flex-shrink:0}#save-btn{align-self:center;margin-left:.5rem}#save-btn.hidden,#save-btn.duplicate{visibility:hidden;pointer-events:none}#active-constraints{display:flex;flex-direction:column;gap:.3rem;padding-top:.25rem}.active-constraint{white-space:nowrap}.active-constraint+.active-constraint{margin-top:.15rem}.active-constraint-demoable{cursor:pointer;border-radius:4px;padding:.2rem .4rem;margin:-.2rem -.4rem;transition:background-color .2s}.active-constraint-demoable:hover{background-color:#ffffff0d}.active-constraint-selected{border-left:2px solid #888;padding-left:.6rem}.active-constraint-selected .active-constraint-name{color:#ddd}.active-constraint-name{font-family:system-ui,sans-serif;font-size:.8rem;font-weight:500;color:#999}.active-constraint-eq{font-family:system-ui,sans-serif;font-size:.7rem;font-weight:400;color:#555;padding-left:.6rem}.op-table{border-collapse:collapse;font-size:2rem;font-weight:600}.op-table-caption{caption-side:top;font-size:.85rem;font-weight:400;color:#666;letter-spacing:.03em;padding-bottom:.5rem}.op-table th,.op-table td{width:4rem;height:4rem;text-align:center;vertical-align:middle;border:1px solid #333}.op-table th{font-weight:700;background-color:#1a1a1a;border-color:#555}.op-table thead th{border-bottom:2px solid #666}.op-table tbody th{border-right:2px solid #666}.op-table-corner{color:var(--color-op);font-weight:400;border-bottom:2px solid #666;border-right:2px solid #666}.op-table td{cursor:default;transition:transform .15s,box-shadow .15s}.lookup-highlight{background-color:#ffffff14!important;transition:background-color .2s ease-out}.lookup-highlight-header{color:#fff!important;background-color:#fff3!important;transition:background-color .2s ease-out,color .2s ease-out}.cell-flash{animation:cell-flash-anim .4s ease-out}@keyframes cell-flash-anim{0%{transform:scale(1);box-shadow:none;background-color:#ffffff4d}40%{transform:scale(1.3);box-shadow:0 0 20px #ffffff80}to{transform:scale(1);box-shadow:none}}#expr-area{display:flex;align-items:center;gap:1rem;width:100%;justify-content:center}#new-expr-btn{font-size:1.6rem;padding:.3rem .5rem;line-height:1;border:none;color:#555}#new-expr-btn:hover{color:#aaa;border:none}#expr-container{font-size:5rem;font-weight:600;line-height:1.6;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:4rem;gap:.75rem;text-align:center;user-select:none;-webkit-user-select:none}.expr-root{display:inline}.expr-paren{color:var(--color-paren);font-weight:400}.expr-op{color:var(--color-op);font-weight:400}.expr-group{display:inline}.redex-group{display:inline;cursor:pointer;border-radius:8px;padding:2px 4px;border-bottom:1px solid rgba(255,255,255,.15);transition:text-shadow .2s,background-color .2s,box-shadow .2s,border-color .2s;outline:none}.redex-group:hover,.redex-group:focus-visible{border-bottom-color:#ffffff4d}.flat-redex{cursor:pointer;border-radius:4px;padding:0 2px;transition:background-color .2s;outline:none}.flat-redex:hover,.flat-redex:focus-visible{background-color:#ffffff14}.symbol-glyph{height:1.2em;width:auto;vertical-align:middle;mix-blend-mode:screen;pointer-events:none;-webkit-user-select:none;user-select:none}.operator-glyph{height:.8em;width:auto;vertical-align:middle;mix-blend-mode:screen;pointer-events:none;-webkit-user-select:none;user-select:none}.expr-equation-lhs{display:inline;animation:slide-in-left .6s ease-out both}.expr-complete .expr-symbol{animation:complete-pulse 2s ease-in-out infinite alternate}@keyframes slide-in-left{0%{opacity:0;transform:translate(-1em)}to{opacity:1;transform:translate(0)}}@keyframes complete-pulse{0%{opacity:.7}to{opacity:1}}.property-equation-complete .expr-symbol{animation:complete-pulse 2s ease-in-out infinite alternate}.property-equals{font-size:.8em}.property-demo-label{font-family:system-ui,sans-serif;font-size:1.2rem;font-weight:500;color:#999;letter-spacing:.05em;text-align:center}.lookup-highlight-header .symbol-glyph{filter:drop-shadow(0 0 6px rgba(255,255,255,.8))}.flyer{pointer-events:none}.flyer .symbol-glyph{height:auto}#controls{display:flex;gap:1.5rem;justify-content:center;align-items:start}button{font-family:var(--font-main);font-size:1.1rem;font-weight:600;padding:.5rem 1.5rem;background:transparent;color:var(--color-text);border:1px solid #444;border-radius:4px;cursor:pointer;transition:border-color .2s,color .2s}button:hover{border-color:#888;color:#fff}button:active{border-color:#aaa}#new-math-group{display:flex;flex-direction:column;align-items:center;gap:.5rem}.constraint-toggles{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:22rem}.constraint-toggle{font-family:system-ui,sans-serif;font-style:normal;font-size:.85rem;font-weight:500;padding:.35rem .9rem;border-radius:999px;border:1px solid transparent;color:#888;background:transparent;cursor:pointer;transition:color .2s,border-color .2s,background-color .2s}.constraint-toggle:hover{color:#bbb;border-color:#555}.constraint-toggle.active{color:#fff;font-weight:600;border-color:#666;background-color:#ffffff0d}#new-table-btn.nudge{animation:btn-nudge .4s ease-out}@keyframes btn-nudge{0%{border-color:#888;color:#fff}to{border-color:#444;color:var(--color-text)}}.btn-pulse{animation:btn-pulse-anim 1.2s ease-in-out infinite alternate}@keyframes btn-pulse-anim{0%{border-color:#555;color:var(--color-text)}to{border-color:#aaa;color:#fff}}button.solving{opacity:.5;cursor:not-allowed}#solver-message{font-size:.85rem;color:#888;text-align:center;min-height:1.2em}#solver-message.visible{animation:fade-out 3s ease-out forwards}@keyframes fade-out{0%{opacity:1}70%{opacity:1}to{opacity:0}}#favorites{position:fixed;left:1.5rem;top:3rem;display:flex;flex-direction:column;align-items:start;gap:.4rem}.favorites-label{font-family:system-ui,sans-serif;font-size:.7rem;font-weight:500;color:#555;letter-spacing:.1em}.favorites-list{display:flex;flex-direction:column;gap:.5rem}.favorite-item{display:flex;align-items:center;gap:.15rem}.favorite-load{display:flex;gap:.2rem;align-items:center;padding:.3rem .5rem;border:1px solid #333;border-radius:6px;background:transparent;cursor:pointer;transition:border-color .2s}.favorite-load:hover{border-color:#777}.favorite-load.active{border-color:#888;box-shadow:0 0 8px #ffffff26}.favorite-glyph{height:1.4em;width:auto;mix-blend-mode:screen;pointer-events:none}.favorite-op-glyph{height:1em;margin-right:.3rem}.favorite-set-punct{color:#555;font-size:.85rem}.favorite-delete{font-family:system-ui,sans-serif;font-size:.85rem;font-weight:400;padding:.1rem .35rem;border:none;background:transparent;color:#444;cursor:pointer;transition:color .2s}.favorite-delete:hover{color:#aaa}.save-flyer{position:fixed;z-index:1000;pointer-events:none;display:flex;gap:.2rem;align-items:center;padding:.3rem .5rem;border:1px solid #333;border-radius:6px;background:transparent}.save-flyer-text{font-family:var(--font-main);font-size:1.1rem;font-weight:600;color:var(--color-text)}@media(max-width:640px){#app{gap:2rem;padding:1.5rem}#expr-container{font-size:2.5rem}}