.wx-planner-visual{flex-direction:column;gap:10px;min-width:0;display:flex}.wx-planner-canvas{width:100%;height:clamp(236px,30vw,340px);box-shadow:inset 0 0 0 1px var(--sx-edge);touch-action:pan-y;background:radial-gradient(80% 90% at 50% 100%,#0e3b3d55,#0000 70%),linear-gradient(#0a1c1ff2,#050e10f2);border-radius:16px;position:relative;overflow:hidden}.wx-planner-canvas canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.wx-planner-legend{color:var(--sx-muted);flex-wrap:wrap;gap:6px 14px;font-size:11.5px;display:flex}.wx-planner-legend span{align-items:center;gap:6px;display:inline-flex}.wx-planner-legend i{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.wx-planner-legend .is-gold{background:linear-gradient(135deg, var(--sx-gold-hi), var(--sx-gold-deep))}.wx-planner-legend .is-gain{background:var(--color-positive-300)}.wx-planner-legend .is-rose{background:var(--color-negative-300)}.wx-planner-legend .is-teal{background:radial-gradient(circle, var(--sx-accent) 0 35%, color-mix(in srgb, var(--sx-accent) 33.3%, transparent) 60%, transparent 72%);border-radius:50%}.wx-planner-legend .is-time{background:linear-gradient(135deg,#ddd3ff,#a08bff)}.wx-planner-legend .is-line{background:var(--sx-accent);border-radius:1px;width:14px;height:2px}.wx-planner-legend .is-dash{border-top:2px dashed var(--sx-accent);border-radius:0;width:14px;height:0}.wx-planner-note{color:var(--sx-muted);font-size:11px;line-height:1.55}.wx-planner-focus{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wx-planner-hero{flex-wrap:wrap;align-items:flex-end;gap:14px 30px;display:flex}.wx-planner-chips{flex-wrap:wrap;gap:6px;display:flex}.wx-planner-controls{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;display:flex}.wx-planner-field{flex-direction:column;gap:6px;display:flex}.wx-planner-date{height:36px;font:600 13px/1 var(--font-mono);color:var(--sx-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-shadow:inset 0 0 0 1px var(--sx-edge-strong);font-variant-numeric:tabular-nums;background:#ffffff0d;border:0;border-radius:11px;padding:0 10px}.wx-planner-date:focus-visible{outline:2px solid var(--sx-accent);outline-offset:1px}.wx-planner-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:900px){.wx-planner-modes{grid-template-columns:repeat(4,minmax(0,1fr))}}.wx-planner-mode{text-align:left;background:var(--card);min-width:0;box-shadow:0 0 0 1px var(--sx-line), 0 1px 2px #0f2a3308;transition:box-shadow .25s, transform .3s var(--sx-ease), background .25s;cursor:pointer;border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px 13px;display:flex;position:relative}@media (hover:hover){.wx-planner-mode:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-brand-500) 35%, transparent), 0 14px 30px -22px color-mix(in srgb, var(--color-brand-600) 70%, transparent);transform:translateY(-1px)}}.wx-planner-mode:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.wx-planner-mode[aria-checked=true]{background:linear-gradient(160deg, color-mix(in srgb, var(--color-brand-400) 12%, var(--card)), var(--card) 70%);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--color-brand-500) 70%, transparent), 0 16px 34px -24px color-mix(in srgb, var(--color-brand-600) 80%, transparent)}.wx-planner-mode-top{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.wx-planner-mode-code{font:700 12px/1 var(--font-mono);letter-spacing:.08em;color:var(--color-brand-700)}.dark .wx-planner-mode-code{color:var(--color-brand-300)}.wx-planner-mode-glyph{width:46px;height:20px;color:var(--muted-foreground);flex:none}.wx-planner-mode[aria-checked=true] .wx-planner-mode-glyph{color:var(--color-brand-600)}.dark .wx-planner-mode[aria-checked=true] .wx-planner-mode-glyph{color:var(--color-brand-300)}.wx-planner-mode-name{font-family:var(--font-heading);letter-spacing:-.02em;font-size:.92rem;font-weight:700;line-height:1.2}.wx-planner-mode-hint{color:var(--muted-foreground);font-size:.74rem;line-height:1.4}.wx-planner-body{padding:16px 18px 18px}@media (min-width:640px){.wx-planner-body{padding:18px 20px 20px}}.wx-planner-quote{background:color-mix(in srgb, var(--muted) 55%, transparent);box-shadow:inset 0 0 0 1px var(--sx-line);border-radius:14px;padding:12px 14px;position:relative;overflow:hidden}.wx-planner-quote-head{align-items:center;gap:10px;min-width:0;display:flex}.wx-planner-track{background:color-mix(in srgb, var(--muted-foreground) 16%, transparent);border-radius:999px;height:6px;position:relative}.wx-planner-track-fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--color-brand-400) 18%, transparent), color-mix(in srgb, var(--color-brand-500) 55%, transparent));position:absolute;inset:0 auto 0 0}.wx-planner-track-dot{background:var(--color-brand-500);width:13px;height:13px;box-shadow:0 0 0 3px var(--card), 0 0 0 4px color-mix(in srgb, var(--color-brand-500) 45%, transparent);border-radius:50%;margin:-6.5px 0 0 -6.5px;position:absolute;top:50%}.wx-planner-toggle{width:100%;min-height:40px;color:var(--muted-foreground);border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;font-size:.86rem;font-weight:600;display:flex}.wx-planner-toggle:hover{color:var(--foreground)}.wx-planner-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.wx-planner-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:768px){.wx-planner-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1180px){.wx-planner-tiles--wide{grid-template-columns:repeat(4,minmax(0,1fr))}}.wx-planner-tile{background:var(--card);min-width:0;box-shadow:0 0 0 1px var(--sx-line);border-radius:14px;padding:12px 14px;position:relative}.wx-planner-tile--income{background:linear-gradient(160deg, var(--sx-income-soft), transparent 75%), var(--card);box-shadow:0 0 0 1px color-mix(in srgb, var(--sx-gold-deep) 30%, transparent)}.wx-planner-tile--accent{background:linear-gradient(160deg, color-mix(in srgb, var(--color-brand-400) 11%, transparent), transparent 75%), var(--card);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-brand-500) 28%, transparent)}.wx-planner-tile-label{min-height:18px;color:var(--muted-foreground);align-items:center;gap:4px;font-size:.74rem;display:flex}.wx-planner-tile-value{font-family:var(--font-heading);letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:6px;font-size:1.22rem;font-weight:750;line-height:1.1}.wx-planner-group+.wx-planner-group{margin-top:18px}.wx-planner-next{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;padding:16px 18px;display:flex}.wx-planner-next-copy{flex:320px;align-items:flex-start;gap:12px;min-width:0;display:flex}.wx-planner-next-icon{width:36px;height:36px;color:var(--color-brand-700);background:color-mix(in srgb, var(--color-brand-400) 16%, transparent);border-radius:12px;flex:none;place-items:center;display:grid}.dark .wx-planner-next-icon{color:var(--color-brand-300)}.wx-planner-btn{min-height:36px;color:var(--primary-foreground);background:var(--primary);transition:background .2s, transform .25s var(--sx-ease);white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:650;display:inline-flex}.wx-planner-btn:hover{background:var(--primary-hover,var(--primary));transform:translateY(-1px)}.wx-planner-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.wx-planner-btn--quiet{color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border);background:0 0}.wx-planner-btn--quiet:hover{background:color-mix(in srgb, var(--muted) 70%, transparent)}.wx-planner-sticky{z-index:20;background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 0 1px var(--sx-line), 0 12px 28px -22px #0f2a3380;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px 10px;display:grid;position:sticky;top:4rem}@media (min-width:1024px){.wx-planner-sticky{display:none}}.wx-planner-table tbody tr{border-bottom:1px solid var(--sx-line)}.wx-planner-table tbody tr:last-child{border-bottom:0}.wx-planner-table .is-flat{background:color-mix(in srgb, var(--color-brand-400) 9%, transparent)}.wx-planner-table .is-be{background:color-mix(in srgb, var(--color-warning-500) 8%, transparent)}.wx-planner-best{gap:10px;display:grid}@media (min-width:768px){.wx-planner-best{grid-template-columns:repeat(3,minmax(0,1fr))}}.wx-planner-best-card{text-align:left;border-radius:18px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.wx-planner-best-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.wx-planner-best-card[aria-pressed=true]{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--color-brand-500) 70%, transparent), 0 16px 34px -24px color-mix(in srgb, var(--color-brand-600) 80%, transparent)}.wx-planner-row-focus{text-align:left;border-radius:10px;align-items:center;gap:8px;margin:-2px -6px -2px -2px;padding:2px 6px 2px 2px;display:inline-flex}.wx-planner-row-focus:hover{background:color-mix(in srgb, var(--muted) 70%, transparent)}.wx-planner-row-focus:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.wx-planner-row-focus[aria-pressed=true]{background:color-mix(in srgb, var(--color-brand-400) 14%, transparent)}.wx-planner-scroll{max-height:70vh;box-shadow:inset 0 0 0 1px var(--sx-line);border-radius:14px;overflow:auto}.wx-planner-scroll thead{z-index:10;background:var(--card);box-shadow:0 1px 0 var(--sx-line);position:sticky;top:0}@media (prefers-reduced-motion:reduce){.wx-planner-mode,.wx-planner-btn{transition:none}}.wx-share-cta{color:var(--sx-accent);box-shadow:inset 0 0 0 1px var(--sx-accent)}