.om{padding:22px 0 64px}.om-head{text-align:center;justify-items:center;gap:8px;margin-bottom:18px;display:grid}.om-kicker{background:color-mix(in srgb, var(--ok) 10%, var(--card));color:var(--ok);border-radius:999px;align-items:center;gap:6px;margin:0;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.om-kicker svg{width:14px;height:14px}.om-head h1{font:700 clamp(1.7rem, 4vw, 2.7rem)/1.08 var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0}.om-by{color:var(--ink-2);align-items:center;gap:7px;margin:0;font-size:.9rem;display:inline-flex}.om-by a{color:var(--ink);text-decoration:none;display:inline-flex}.om-tool{grid-template-columns:minmax(0,1fr) 348px;align-items:stretch;gap:14px;max-width:1320px;display:grid}.om-stage{border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 18%, color-mix(in srgb, var(--accent) 5%, var(--card)), var(--paper-2) 72%);border-radius:20px;min-height:max(620px,min(74vh,780px));position:relative;overflow:hidden}.om-host{position:absolute;inset:0}.om-host[data-step=divide]{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.om-canvas{inset:0;position:absolute!important}.om-host[data-step=divide] canvas{touch-action:none}.om-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.om-label{font:600 .76rem/1 var(--font-mono-jb,ui-monospace, monospace);font-variant-numeric:tabular-nums;white-space:nowrap;will-change:transform;transition:opacity .15s;position:absolute;top:0;left:0}.om-label.cell{color:var(--ink);background:color-mix(in srgb, var(--card) 72%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:7px;padding:4px 7px}.om-label.rule{color:var(--ink-2);background:color-mix(in srgb, var(--card) 86%, transparent);border:1px solid var(--line);border-radius:7px;padding:4px 8px;transition:color .15s,border-color .15s}.om-label.rule.on{color:var(--accent-ink);border-color:var(--accent)}.om-hint{pointer-events:none;width:min(58%,340px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.om-hint svg{width:100%;display:block;overflow:visible}.om-hint line{stroke:var(--accent);stroke-width:3px;stroke-dasharray:180;stroke-dashoffset:180px;stroke-linecap:round;animation:2.6s ease-in-out infinite om-stroke}.om-hint circle{fill:color-mix(in srgb, var(--accent) 30%, transparent);stroke:var(--accent);stroke-width:2px;animation:2.6s ease-in-out infinite om-dot}@keyframes om-stroke{0%,8%{stroke-dashoffset:180px;opacity:0}15%{opacity:1}62%{stroke-dashoffset:0;opacity:1}88%,to{stroke-dashoffset:0;opacity:0}}@keyframes om-dot{0%,8%{opacity:0;transform:translate(0)}15%{opacity:1}62%{opacity:1;transform:translate(180px)}88%,to{opacity:0;transform:translate(180px)}}.om-pill{font:600 .84rem/1 var(--font-mono-jb,monospace);white-space:nowrap;background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 16px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px -10px #0006}.om-pill .ui-btn{font-family:var(--font-sans,inherit);border-radius:999px}.om-pill .ui-btn svg,.om-tools .ui-btn svg{width:15px;height:15px}.om-skip{position:absolute;bottom:12px;right:12px}.om-chip{white-space:nowrap;background:color-mix(in srgb, var(--card) 88%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;margin:0;padding:7px 14px;font-size:.84rem;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.om-toggle{z-index:8;background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);white-space:nowrap;border-radius:999px;gap:3px;padding:3px;animation:.4s both om-in;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.om-toggle button{color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:.84rem}.om-toggle button[aria-checked=true]{background:var(--ink);color:var(--paper)}@keyframes om-in{0%{opacity:0}to{opacity:1}}.om-plates{z-index:6;background:radial-gradient(120% 90% at 50% 18%, color-mix(in srgb, var(--accent) 5%, var(--card)), var(--paper-2) 72%);position:absolute;inset:0}.om-plates .stage{position:absolute;inset:0}.om-plates .stage canvas{touch-action:none}.om-plates .plate-view-bar{z-index:6;white-space:nowrap;background:color-mix(in srgb, var(--card) 80%, transparent);border:.5px solid color-mix(in srgb, var(--ink) 10%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:12px;max-width:calc(100% - 24px);padding:6px 14px;font-size:.82rem;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.om-plates .plate-view-pager{align-items:center;gap:4px;display:inline-flex}.om-plates .plate-view-pager .ui-icon-btn{width:26px;height:26px}.om-panel{border:1px solid var(--line);background:var(--card);border-radius:20px;flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.om-steps{color:var(--ink-3,var(--ink-2));gap:12px;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.om-steps li{align-items:center;gap:6px;display:inline-flex}.om-steps i{border:1px solid var(--line);border-radius:50%;place-items:center;width:20px;height:20px;font-size:.72rem;font-style:normal;font-weight:600;display:inline-grid}.om-steps i svg{width:12px;height:12px}.om-steps .now{color:var(--ink);font-weight:600}.om-steps .now i{background:var(--ink);color:var(--paper);border-color:var(--ink)}.om-steps .past i{background:color-mix(in srgb, var(--ok) 14%, var(--card));color:var(--ok);border-color:#0000}.om-body{flex:1;align-content:start;gap:12px;display:grid}.om-body h2{font:700 1.32rem/1.18 var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0}.om-sub{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:.92rem;line-height:1.45}.om-fields{gap:8px;display:grid}.om-field{border:1px solid var(--line);cursor:text;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:7px 8px 7px 12px;transition:border-color .15s,background .15s;display:flex}.om-field.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 4%, var(--card))}.om-field.bad{border-color:var(--err)}.om-field-name{font-size:.94rem;font-weight:600;display:grid}.om-field-name small{color:var(--ink-3,var(--ink-2));font-size:.76rem;font-weight:400}.om-input{align-items:baseline;gap:4px;display:flex}.om-input input{width:74px;height:38px;color:var(--ink);font:600 1.28rem/1 var(--font-mono-jb,monospace);text-align:right;background:0 0;border:0;outline:none;padding:0 2px}.om-input input::placeholder{color:var(--ink-3,var(--ink-2));opacity:.55;font-weight:400}.om-input i{color:var(--ink-3,var(--ink-2));min-width:18px;font-size:.78rem;font-style:normal}.om-unit{background:var(--paper-2);border-radius:999px;justify-self:start;gap:3px;padding:3px;display:inline-flex}.om-unit.wide{justify-self:stretch;display:flex}.om-unit.wide button{flex:1;padding:6px 4px}.om-unit button{color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 13px;font-size:.8rem}.om-unit button[aria-checked=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #0000001f}.om-warn{color:var(--err);margin:0;font-size:.85rem}.om-next{justify-content:center;width:100%}.om-next svg,.om-nav .ui-btn svg{width:17px;height:17px}.om-link{color:var(--ink-2);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:2px 4px;font-size:.84rem;text-decoration:underline}.om-quick{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.om-quick button{border:1px solid var(--line);color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border-radius:12px;justify-items:center;gap:5px;padding:8px 4px 6px;font-size:.74rem;transition:border-color .15s;display:grid}.om-quick button:hover{border-color:var(--ink-3)}.om-quick span{gap:2px;width:40px;height:28px;display:grid}.om-quick span i{background:var(--paper-2);border:1px solid var(--ink-3,var(--line));border-radius:2px}.om-tools{flex-wrap:wrap;gap:6px;display:flex}.om-facts{gap:2px;margin:0;font-size:.92rem;display:grid}.om-facts span{color:var(--ink-2);font-size:.86rem}.om-note{color:var(--ink-2);background:color-mix(in srgb, #3b7dd8 9%, var(--card));border-radius:12px;margin:0;padding:9px 11px;font-size:.84rem;line-height:1.4;position:relative}.om-options{border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-size:.86rem}.om-options summary{cursor:pointer;color:var(--ink-2)}.om-options[open]{gap:10px;display:grid}.om-options[open] summary{margin-bottom:8px}.om-options label{color:var(--ink-2);gap:4px;font-size:.8rem;display:grid}.om-options select{border:1px solid var(--line);background:var(--card);width:100%;height:36px;color:var(--ink);font:inherit;border-radius:9px;padding:0 8px;font-size:.88rem}.om-options .om-stub{opacity:.65;align-items:center;gap:7px;margin-top:8px;display:flex}.om-nav{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.om-nav .om-next{flex:1;width:auto}.om-totals{grid-template-columns:repeat(3,1fr);gap:6px;margin:0;display:grid}.om-totals div{background:var(--paper-2);text-align:center;border-radius:12px;padding:9px 8px}.om-totals dt{color:var(--ink-3,var(--ink-2));font-size:.72rem}.om-totals dd{font:700 1rem/1.15 var(--font-display);font-variant-numeric:tabular-nums;margin:2px 0 0}.om-proto{color:var(--ink-2);background:color-mix(in srgb, var(--warn) 12%, var(--card));border-radius:12px;margin:0;padding:9px 11px;font-size:.8rem;line-height:1.4}.om-private{color:var(--ink-3,var(--ink-2));align-items:center;gap:6px;margin:0;font-size:.76rem;display:flex}.om-private svg{flex:none;width:13px;height:13px}.om-mark{z-index:7;color:var(--ink);background:color-mix(in srgb, var(--card) 84%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:.76rem;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;bottom:12px;left:12px}.om-mark:hover{border-color:var(--accent)}.om-calm{background:var(--paper-2);border-radius:14px;align-items:center;gap:12px;padding:12px;animation:.7s .6s both om-in;display:flex}.om-calm .mascot{flex:none}.om-calm p{color:var(--ink-2);margin:0;font-size:.88rem;line-height:1.42}.om-calm b{color:var(--ink);margin-bottom:2px;display:block}.om-link-go{color:var(--accent-ink);justify-self:start;align-items:center;gap:5px;font-size:.9rem;font-weight:600;text-decoration:none;animation:.7s .9s both om-in;display:inline-flex}.om-link-go svg{width:15px;height:15px}.om-offer{border:1.5px solid color-mix(in srgb, var(--accent) 55%, var(--line));background:color-mix(in srgb, var(--accent) 7%, var(--card));border-radius:16px;gap:9px;padding:14px;display:grid}.om-offer h3{font:700 1.08rem/1.2 var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0}.om-offer p{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:.86rem;line-height:1.42}.om-offer form{gap:7px;display:grid}.om-offer input{border:1px solid var(--line);background:var(--card);width:100%;height:42px;color:var(--ink);font:inherit;border-radius:11px;padding:0 12px;font-size:16px}.om-offer input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.om-offer-go{background:var(--accent);border-color:var(--accent);color:#fff;justify-content:center;width:100%;height:44px;font-weight:600}.om-offer-go:hover{border-color:var(--accent);opacity:.92}.om-offer-go svg{width:16px;height:16px}.om-ideas{flex-wrap:wrap;gap:5px;display:flex}.om-ideas a{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:5px 10px;font-size:.78rem;text-decoration:none}.om-ideas a:hover{border-color:var(--accent)}.om-about{border:1px solid var(--line);background:var(--paper-2);border-radius:20px;align-items:center;gap:18px;max-width:1320px;margin-top:18px;padding:20px 24px;display:flex}.om-about>div{flex:1;min-width:0}.om-about-by{color:var(--accent-ink);margin:0;font-size:.8rem;font-weight:600}.om-about h2{font:700 1.3rem/1.2 var(--font-display);letter-spacing:-.015em;margin:2px 0 4px}.om-about div p:last-child{color:var(--ink-2);text-wrap:pretty;max-width:68ch;margin:0;font-size:.94rem;line-height:1.45}.om-about .ui-btn{flex:none}.om-about .ui-btn svg{width:16px;height:16px}.om-faq{gap:8px;max-width:720px;margin-top:44px;display:grid}.om-faq h2{font:700 1.4rem/1.2 var(--font-display);margin:0 0 6px}.om-faq details{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:13px 16px}.om-faq summary{cursor:pointer;font-weight:600}.om-faq p{color:var(--ink-2);margin:10px 0 0;line-height:1.55}@media (max-width:900px){.om{padding:10px 0 48px}.om-head{gap:4px;margin-bottom:10px}.om-kicker{display:none}.om-head h1{font-size:1.45rem}.om-tool{grid-template-columns:minmax(0,1fr);gap:10px}.om-stage{border-radius:16px;height:42dvh;min-height:0;max-height:520px}.om-tool[data-step=measure] .om-next,.om-tool[data-step=divide] .om-nav{left:16px;right:16px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:20;width:auto;margin:0;position:fixed}.om-tool[data-step=divide] .om-nav{background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:6px;box-shadow:0 6px 22px -12px #0006}.om-tool[data-step=measure] .om-panel,.om-tool[data-step=divide] .om-panel{margin-bottom:72px}.om-panel{border-radius:16px;gap:10px;padding:14px}.om-body h2{font-size:1.14rem}.om-input input{font-size:16px;font-weight:600}.om-about{text-align:center;flex-direction:column}.om-by{font-size:.82rem}.om-private{justify-content:center}}@media (prefers-reduced-motion:reduce){.om-hint line{stroke-dashoffset:0;animation:none}.om-hint circle{animation:none;transform:translate(180px)}.om-toggle{animation:none}.om-label{transition:none}}