.mandala-app{--mandala-bg:#edf2f7;--mandala-panel:#fff;--mandala-panel-soft:#f8fafc;--mandala-cell-a:#fff;--mandala-cell-b:#edf2f7;--mandala-line:#cbd5e1;--mandala-line-strong:#64748b;--mandala-text:#0f172a;--mandala-muted:#64748b;--mandala-theme:#eff6ff;--mandala-theme-mirror:#e0f2fe;--mandala-center:#dbeafe;--mandala-primary:#0161ef;background:radial-gradient(circle at 50% -12rem,#0161ef1a,transparent 34rem),var(--mandala-bg);min-height:100dvh;color:var(--mandala-text);overflow-x:hidden}.dark .mandala-app{--mandala-bg:#030620;--mandala-panel:#0b1125;--mandala-panel-soft:#11182c;--mandala-cell-a:#0f172a;--mandala-cell-b:#111c33;--mandala-line:#334155;--mandala-line-strong:#94a3b8;--mandala-text:#f8fafc;--mandala-muted:#94a3b8;--mandala-theme:#172554;--mandala-theme-mirror:#0c4a6e;--mandala-center:#1e3a5f;background:radial-gradient(circle at 50% -12rem,#0161ef33,transparent 36rem),var(--mandala-bg)}.mandala-header{z-index:30;min-height:4rem;padding:.55rem max(1rem,env(safe-area-inset-right)) .55rem max(1rem,env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #94a3b859;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0;box-shadow:0 .4rem 1.8rem #0f172a12}.dark .mandala-header{background:#030620db;box-shadow:0 .4rem 1.8rem #0000002e}.mandala-brand{min-width:0;color:var(--mandala-text);letter-spacing:-.02em;border-radius:.65rem;align-items:center;gap:.7rem;font-size:clamp(.88rem,1.5vw,1.05rem);font-weight:780;text-decoration:none;display:inline-flex}.mandala-brand:focus-visible,.mandala-header button:focus-visible,.mandala-dialog button:focus-visible,.mandala-dialog textarea:focus-visible,.mandala-toast button:focus-visible{outline-offset:2px;outline:3px solid #0161ef8c}.mandala-brand-mark{aspect-ratio:1;background:#bfdbfe;border-radius:.3rem;flex:none;grid-template-columns:repeat(3,1fr);gap:2px;width:1.65rem;padding:3px;display:grid}.mandala-brand-mark span{background:#60a5fa;border-radius:1px}.mandala-brand-mark span:nth-child(5){background:#1d4ed8}.mandala-header-actions{align-items:center;gap:.35rem;display:flex}.mandala-header-actions-mobile{display:none}.mandala-header-button,.mandala-icon-button{min-height:2.55rem;color:var(--mandala-text);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;gap:.42rem;padding:.65rem .72rem;font-size:.76rem;font-weight:680;line-height:1;transition:border-color .14s,background-color .14s,transform .14s;display:inline-flex}.mandala-header-button svg,.mandala-icon-button svg{stroke-width:1.8px;flex:none;width:1.15rem;height:1.15rem}.mandala-header-button:hover,.mandala-icon-button:hover{border-color:var(--mandala-line);background:var(--mandala-panel-soft)}.mandala-header-button.is-primary{border-color:var(--mandala-primary);background:var(--mandala-primary);color:#fff}.mandala-header-button.is-primary:hover{background:#0154cf}.mandala-header-button.is-icon-only,.mandala-icon-button{width:2.55rem;padding:0}.mandala-header button:disabled,.mandala-overflow-menu button:disabled{cursor:wait;opacity:.55}.mandala-overflow{position:relative}.mandala-overflow-menu{border:1px solid var(--mandala-line);background:var(--mandala-panel);border-radius:1rem;width:min(15rem,100vw - 1.5rem);padding:.4rem;position:absolute;top:calc(100% + .55rem);right:0;overflow:hidden;box-shadow:0 1.1rem 3rem #0f172a2e}.mandala-overflow-menu button{width:100%;color:var(--mandala-text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:.7rem;align-items:center;gap:.7rem;padding:.72rem .8rem;font-size:.9rem;font-weight:620;display:flex}.mandala-overflow-menu button:hover,.mandala-overflow-menu button:focus-visible{background:var(--mandala-panel-soft)}.mandala-overflow-menu svg{width:1.15rem;height:1.15rem}.mandala-workspace{min-height:calc(100dvh - 4rem);padding:clamp(.4rem,1.2vmin,.8rem) clamp(.4rem,1.5vmin,1rem) max(clamp(.4rem,1.2vmin,.8rem),env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.mandala-grid-shell{align-self:center;width:min(100%,100dvh - 10.75rem);min-width:0}.mandala-guidance{border:1px solid var(--mandala-line);border-left:4px solid var(--mandala-primary);background:color-mix(in srgb,var(--mandala-panel) 88%,var(--mandala-center));border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;min-height:4.25rem;margin-bottom:clamp(.35rem,1vmin,.65rem);padding:.55rem .75rem;display:flex}.mandala-guidance[data-stage=complete]{background:color-mix(in srgb,var(--mandala-panel) 88%,#dcfce7);border-left-color:#16a34a}.mandala-guidance-step{color:var(--mandala-primary);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:clamp(.62rem,1.1vw,.72rem);font-weight:800}.mandala-guidance-title{color:var(--mandala-text);letter-spacing:-.02em;margin:.1rem 0 0;font-size:clamp(.88rem,1.55vw,1.08rem);font-weight:760;line-height:1.15}.mandala-guidance-description{max-width:42rem;color:var(--mandala-muted);margin:.18rem 0 0;font-size:clamp(.66rem,1.12vw,.78rem);line-height:1.35}.mandala-guidance-count{color:var(--mandala-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;margin:0;font-size:clamp(.7rem,1.15vw,.82rem)}.mandala-guidance-count strong{color:var(--mandala-text);font-size:1.18em}.mandala-eyebrow{color:#0161ef;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:780}.dark .mandala-eyebrow{color:#93c5fd}.mandala-grid{border:2px solid var(--mandala-line-strong);aspect-ratio:1;background:var(--mandala-cell-a);border-radius:0;grid-template-rows:repeat(9,minmax(0,1fr));grid-template-columns:repeat(9,minmax(0,1fr));width:100%;display:grid;overflow:hidden;box-shadow:0 1.4rem 4rem #0f172a1f}.dark .mandala-grid{box-shadow:0 1.4rem 4rem #0000004d}.mandala-cell{border:0;border-right:1px solid var(--mandala-line);border-bottom:1px solid var(--mandala-line);background:var(--mandala-cell-a);min-width:0;min-height:0;color:var(--mandala-text);cursor:pointer;text-align:center;border-radius:0;justify-content:center;align-items:center;padding:clamp(1px,.45vw,.32rem);font-family:inherit;font-size:clamp(.45rem,1.28vw,.92rem);font-weight:650;line-height:1.08;transition:background-color .15s,box-shadow .15s,filter .15s;display:flex;position:relative;overflow:hidden}.mandala-cell:nth-child(2n){background:var(--mandala-cell-b)}.mandala-cell[data-column="2"],.mandala-cell[data-column="5"]{border-right:3px solid var(--mandala-line-strong)}.mandala-cell[data-row="2"],.mandala-cell[data-row="5"]{border-bottom:3px solid var(--mandala-line-strong)}.mandala-cell[data-kind=pillar]{background:var(--mandala-theme);font-weight:730}.mandala-cell[data-kind=pillar][data-mirrored=true]{background:var(--mandala-theme-mirror)}.mandala-cell[data-kind=center]{background:var(--mandala-center);font-size:clamp(.5rem,1.45vw,1rem);font-weight:780}.mandala-cell[data-kind=center][data-filled=true]{padding:1px;font-size:clamp(.4rem,1vw,.72rem);line-height:1.03}.mandala-cell[data-kind=center][data-filled=true] .mandala-cell-text{-webkit-line-clamp:5}.mandala-cell[data-kind=center][data-filled=false][data-locked=false]{z-index:1;background:color-mix(in srgb,var(--mandala-center) 78%,white);color:var(--mandala-primary);letter-spacing:.015em;font-size:clamp(.55rem,1.65vw,1.1rem);animation:3.6s ease-in-out infinite mandala-start-pulse;box-shadow:inset 0 0 0 2px #0161ef9e,inset 0 0 1rem #0161ef2e}.dark .mandala-cell[data-kind=center][data-filled=false][data-locked=false]{background:color-mix(in srgb,var(--mandala-center) 82%,#2563eb);color:#dbeafe}.mandala-cell[data-locked=true]{background:color-mix(in srgb,var(--mandala-cell-b) 72%,var(--mandala-panel));color:color-mix(in srgb,var(--mandala-muted) 58%,transparent);cursor:not-allowed}.mandala-cell[data-kind=pillar][data-locked=true]{background:color-mix(in srgb,var(--mandala-cell-b) 72%,var(--mandala-panel))}.mandala-cell[data-locked=false]:hover{background:color-mix(in srgb,var(--mandala-center) 68%,var(--mandala-panel));box-shadow:inset 0 0 0 2px #0161ef70}.mandala-cell[data-filled=false][data-locked=false]{color:#475569;font-weight:620}.dark .mandala-cell[data-filled=false][data-locked=false]{color:#cbd5e1}.mandala-cell[data-selected=true]{z-index:2;box-shadow:inset 0 0 0 3px var(--mandala-primary)}.mandala-cell[data-text-alignment=left]{text-align:left;justify-content:flex-start}.mandala-cell[data-text-alignment=right]{text-align:right;justify-content:flex-end}.mandala-cell:focus-visible{z-index:3;outline-offset:-3px;outline:3px solid #f59e0b}.mandala-cell-text{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mandala-cell-index{color:#fff;background:#0f172abd;border-radius:999px;justify-content:center;align-items:center;min-width:.95rem;height:.95rem;font-size:clamp(.38rem,.68vw,.58rem);font-weight:800;line-height:1;display:inline-flex;position:absolute;top:.16rem;right:.16rem}.dark .mandala-cell-index{color:#172554;background:#dbeafed9}.mandala-grid-footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:clamp(.3rem,.8vmin,.5rem);display:flex}.mandala-grid-privacy{color:var(--mandala-muted);align-items:center;gap:.38rem;margin:0;font-size:clamp(.67rem,1.2vw,.78rem);line-height:1.35;display:inline-flex}.mandala-save-indicator{background:#16a34a;border-radius:50%;flex:none;width:.5rem;height:.5rem}.mandala-grid-privacy[data-status=saving] .mandala-save-indicator{background:#f59e0b;animation:1.1s ease-in-out infinite mandala-saving-pulse}.mandala-grid-privacy[data-status=unavailable] .mandala-save-indicator{background:#dc2626}.mandala-grid-hint{color:var(--mandala-muted);text-align:right;margin:0;font-size:clamp(.62rem,1.05vw,.72rem);line-height:1.35}.mandala-dialog{width:min(62rem,100vw - 2rem);max-width:none;max-height:calc(100dvh - 2rem);color:var(--mandala-text);background:0 0;border:0;padding:0;overflow:visible}.mandala-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020617ad}.mandala-dialog-panel{border:1px solid var(--mandala-line);background:var(--mandala-panel);border-radius:0;max-height:calc(100dvh - 2rem);padding:clamp(1rem,3vw,1.6rem);overflow:auto;box-shadow:0 2rem 6rem #02061759}.mandala-dialog-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.mandala-dialog-heading h2{color:var(--mandala-text);letter-spacing:-.03em;margin:.25rem 0 0;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:780;line-height:1.15}.mandala-dialog-close{border:1px solid var(--mandala-line);background:var(--mandala-panel-soft);width:2.6rem;height:2.6rem;color:var(--mandala-text);cursor:pointer;border-radius:.8rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.mandala-dialog-close svg{width:1.25rem}.mandala-dialog-description{max-width:46rem;color:var(--mandala-muted);margin:.65rem 0 0;font-size:.9rem;line-height:1.55}.mandala-edit-layout{grid-template-columns:minmax(15rem,.92fr) minmax(18rem,1.08fr);align-items:start;gap:clamp(1.1rem,3vw,2rem);margin-top:1.3rem;display:grid}.mandala-cell-preview-frame{border:1px solid var(--mandala-line);aspect-ratio:1;background:var(--mandala-panel-soft);border-radius:1rem;width:100%;overflow:hidden;box-shadow:0 1rem 2.6rem #0f172a1a}.mandala-cell-preview-frame canvas{width:100%;height:100%;display:block}.mandala-edit-controls label{color:var(--mandala-text);margin-bottom:.45rem;font-size:.82rem;font-weight:720;display:block}.mandala-edit-controls textarea{resize:vertical;border:1px solid var(--mandala-line-strong);background:var(--mandala-panel-soft);width:100%;min-height:10rem;color:var(--mandala-text);font:inherit;border-radius:0;padding:.85rem .95rem;font-size:1rem;line-height:1.55;display:block}.mandala-alignment-field{margin-top:.8rem}.mandala-alignment-field>span{color:var(--mandala-text);margin-bottom:.4rem;font-size:.82rem;font-weight:720;display:block}.mandala-alignment-control{border:1px solid var(--mandala-line);background:var(--mandala-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}.mandala-alignment-control button{background:var(--mandala-panel-soft);min-width:0;min-height:2.65rem;color:var(--mandala-muted);cursor:pointer;font:inherit;border:0;border-radius:0;justify-content:center;align-items:center;gap:.35rem;padding:.55rem .35rem;font-size:.75rem;font-weight:700;display:inline-flex}.mandala-alignment-control button[aria-pressed=true]{background:var(--mandala-text);color:var(--mandala-panel)}.mandala-alignment-control svg{flex:none;width:1rem;height:1rem}.mandala-character-count{color:var(--mandala-muted);font-variant-numeric:tabular-nums;text-align:right;margin:.45rem 0 0;font-size:.76rem}.mandala-edit-hint{color:var(--mandala-muted);margin:.55rem 0 0;font-size:.78rem;line-height:1.45}.mandala-dialog-actions{border-top:1px solid var(--mandala-line);align-items:center;gap:.65rem;margin-top:1.4rem;padding-top:1rem;display:flex}.mandala-discard-confirm{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:.8rem;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.1rem;padding:.7rem .8rem;display:flex}.dark .mandala-discard-confirm{color:#fed7aa;background:#4314078c;border-color:#9a3412}.mandala-discard-confirm p{margin:0;font-size:.84rem;font-weight:700}.mandala-discard-confirm>div{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.mandala-discard-confirm .mandala-dialog-button{min-height:2.35rem;padding:.52rem .7rem;font-size:.76rem}.mandala-dialog-action-spacer{flex:1}.mandala-dialog-button{border:1px solid var(--mandala-line);background:var(--mandala-panel-soft);min-height:2.75rem;color:var(--mandala-text);cursor:pointer;font:inherit;border-radius:.8rem;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1rem;font-size:.86rem;font-weight:700;display:inline-flex}.mandala-dialog-button svg{width:1.1rem}.mandala-dialog-button.is-primary{border-color:var(--mandala-primary);background:var(--mandala-primary);color:#fff}.mandala-dialog-button.is-clear,.mandala-dialog-button.is-danger{color:#b91c1c;border-color:#fecaca}.mandala-dialog-button.is-danger{color:#fff;background:#b91c1c}.dark .mandala-dialog-button.is-clear,.dark .mandala-dialog-button.is-danger{border-color:#7f1d1d}.mandala-confirm-dialog{width:min(31rem,100vw - 2rem)}.mandala-about-dialog{width:min(42rem,100vw - 2rem)}.mandala-welcome-dialog{width:min(40rem,100vw - 2rem)}.mandala-welcome-steps{gap:.6rem;margin:1.3rem 0 0;padding:0;list-style:none;display:grid}.mandala-welcome-steps li{border:1px solid var(--mandala-line);background:var(--mandala-panel-soft);color:var(--mandala-text);align-items:start;gap:.65rem;padding:.7rem .8rem;font-size:.88rem;line-height:1.45;display:flex}.mandala-welcome-steps strong{background:var(--mandala-primary);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;font-size:.72rem;display:inline-flex}.mandala-welcome-privacy{color:var(--mandala-muted);margin:1rem 0 0;font-size:.8rem;line-height:1.5}.mandala-welcome-actions{flex-wrap:wrap;justify-content:flex-end}.mandala-about-content{color:var(--mandala-muted);margin-top:1.2rem;font-size:.9rem;line-height:1.65}.mandala-about-lead{color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.9rem;align-items:start;gap:.65rem;padding:.8rem .9rem;font-weight:680;display:flex}.dark .mandala-about-lead{color:#bbf7d0;background:#052e1673;border-color:#14532d}.mandala-about-lead svg{flex:none;width:1.2rem;margin-top:.15rem}.mandala-about-content hr{border:0;border-top:1px solid var(--mandala-line);margin:1.2rem 0}.mandala-disclaimer{font-size:.78rem;line-height:1.6}.mandala-toast{z-index:60;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));border:1px solid var(--mandala-line);background:var(--mandala-panel);max-width:min(26rem,100vw - 2rem);color:var(--mandala-text);border-radius:.9rem;align-items:center;gap:.75rem;padding:.75rem .9rem;font-size:.82rem;font-weight:650;line-height:1.45;animation:.18s ease-out both mandala-toast-in;display:flex;position:fixed;box-shadow:0 1rem 3rem #0f172a2e}.mandala-toast>span{min-width:0}.mandala-toast button{min-height:2rem;color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid;border-radius:.55rem;flex:none;padding:.35rem .58rem;font-size:.76rem;font-weight:800}.mandala-toast[data-kind=error]{color:#b91c1c;border-color:#fca5a5}.dark .mandala-toast[data-kind=error]{color:#fecaca;border-color:#7f1d1d}@keyframes mandala-toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes mandala-start-pulse{0%,to{filter:brightness();box-shadow:inset 0 0 0 2px #0161ef94,inset 0 0 .8rem #0161ef24}50%{filter:brightness(1.1);box-shadow:inset 0 0 0 3px #0161efe0,inset 0 0 1.2rem #0161ef47}}@keyframes mandala-saving-pulse{50%{opacity:.4}}@media (max-width:72rem){.mandala-header-actions-desktop{display:none}.mandala-header-actions-mobile{display:flex}}@media (max-width:46rem){.mandala-header{min-height:3.65rem;padding-top:max(.45rem,env(safe-area-inset-top));gap:.45rem}.mandala-brand{gap:.48rem}.mandala-brand-mark{width:1.42rem}.mandala-workspace{min-height:calc(100dvh - 3.65rem);padding-top:clamp(.35rem,1.2vmin,.65rem)}.mandala-grid-shell{width:min(100%,100dvh - 10.25rem)}.mandala-guidance{flex-direction:column;align-items:start;gap:.3rem;min-height:0}.mandala-guidance-count{align-self:flex-end}.mandala-grid-footer{flex-direction:column;align-items:start;gap:.15rem}.mandala-grid-hint{text-align:left}.mandala-cell{font-size:clamp(.42rem,2.25vw,.72rem)}.mandala-cell[data-kind=center]{font-size:clamp(.44rem,2.35vw,.78rem)}.mandala-edit-dialog{width:100vw;max-height:100dvh}.mandala-edit-dialog .mandala-dialog-panel{min-height:100dvh;max-height:100dvh;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));border:0;border-radius:0}.mandala-edit-layout{margin-top:1rem;display:block}.mandala-cell-preview-frame{width:min(14rem,60vw);margin:0 auto 1rem}.mandala-edit-controls textarea{min-height:8rem}.mandala-edit-controls{padding-bottom:4.5rem}.mandala-edit-dialog .mandala-dialog-actions{bottom:calc(-1*max(1rem,env(safe-area-inset-bottom)));background:var(--mandala-panel);padding-bottom:max(.4rem,env(safe-area-inset-bottom));position:sticky}.mandala-discard-confirm{flex-direction:column;align-items:start}.mandala-discard-confirm>div{justify-content:stretch;width:100%}.mandala-discard-confirm .mandala-dialog-button{flex:1}.mandala-welcome-actions{justify-content:stretch}.mandala-welcome-actions .mandala-dialog-button{flex:100%}}@media (max-width:22rem){.mandala-brand>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:7.3rem;overflow:hidden}.mandala-header-actions{gap:.15rem}.mandala-header-button.is-icon-only,.mandala-icon-button{width:2.35rem;min-height:2.35rem}.mandala-grid-shell{width:min(100%,100dvh - 10rem)}}@media (prefers-reduced-motion:reduce){.mandala-app *,.mandala-app :before,.mandala-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}