:root{--mem:#c06030;--spirit:#105070;--cre:#686850;--bg:#f3efe8;--paper:#ebe6e0;--ink:#28241f;--muted:#6b6560;--copy:#4a453f;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100dvh;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}.app-shell{width:100%;max-width:none;min-height:100dvh;padding-top:var(--safe-top);background:radial-gradient(ellipse 80% 50% at 10% -10%, #c060301f, transparent 55%), radial-gradient(ellipse 70% 45% at 90% 0%, #1050701a, transparent 50%), radial-gradient(ellipse 60% 40% at 50% 100%, #68685014, transparent 55%), var(--bg);flex-direction:column;margin:0 auto;display:flex;position:relative}.site-header{display:none}.page-frame{width:100%;max-width:100%;margin:0 auto;padding:0 16px}.page-frame.wide-ok{max-width:720px}.app-main{padding:0 0 calc(72px + var(--safe-bottom));-webkit-overflow-scrolling:touch;flex:1;width:100%;overflow-y:auto}.tab-bar{width:100%;padding:10px 8px calc(10px + var(--safe-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;background:#fffffff0;border-top:1px solid #28241f1a;grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0;transform:none}.tab-bar a{text-align:center;color:var(--muted);border-radius:10px;padding:8px 4px;font-size:.72rem;font-weight:500}.tab-bar a.active{color:var(--ink);background:#28241f0f;font-weight:700}.lang-switch{background:#ffffffb3;border:1.5px solid #28241f24;border-radius:999px;gap:4px;padding:3px;display:inline-flex}.lang-switch button{min-width:40px;color:var(--muted);border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:600}.lang-switch button.on{background:var(--ink);color:#f3efe8}@media (width>=768px){.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f3efe8eb;border-bottom:1px solid #28241f14;display:block;position:sticky;top:0}.site-header-inner{align-items:center;gap:24px;max-width:1100px;margin:0 auto;padding:14px 28px;display:flex}.site-brand{align-items:center;gap:12px;min-width:220px;display:flex}.site-brand img{object-fit:cover;border-radius:50%;width:44px;height:44px}.site-brand strong{font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:1.15rem;display:block}.site-brand span{color:var(--muted);max-width:200px;font-size:.72rem;font-style:italic;display:block}.site-nav{flex:1;justify-content:center;gap:6px;display:flex}.site-nav a{color:var(--muted);border-radius:999px;padding:10px 16px;font-size:.92rem;font-weight:600}.site-nav a.active,.site-nav a:hover{color:var(--ink);background:#28241f12}.tab-bar{display:none}.app-main{max-width:1100px;margin:0 auto;padding:24px 28px 48px}.page-frame{max-width:100%;padding:0}.wash{border-radius:20px;margin-bottom:16px;padding:28px 32px 32px}.desktop-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:24px;display:grid}.auth-page{background:#ffffff8c;border:1px solid #28241f14;border-radius:20px;max-width:440px;margin:48px auto;padding:32px}.dashboard-card{box-shadow:0 8px 28px #28241f0f}}@media (width<=767px){.desktop-grid{display:block}}.wash{background:var(--paper);border-radius:0 0 48% 42%/0 0 34px 38px;margin-bottom:8px;padding:14px 18px 22px;position:relative;overflow:hidden}.wash:before{content:"";opacity:.9;background:radial-gradient(ellipse 70% 80% at 18% 40%, var(--wash-a) 0%, transparent 62%), radial-gradient(ellipse 55% 70% at 78% 25%, var(--wash-b) 0%, transparent 58%), radial-gradient(ellipse 60% 65% at 52% 85%, var(--wash-c) 0%, transparent 55%);mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:-20% -10% 0}.wash:after{content:"";opacity:.2;mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:absolute;inset:0}.wash>*{z-index:1;position:relative}.tone-home,.tone-you{--wash-a:#c06030d1;--wash-b:#105070b8;--wash-c:#686850c7}.tone-mem{--wash-a:#c06030f2;--wash-b:#dc8246a6;--wash-c:#b4502873}.tone-cre{--wash-a:#686850f2;--wash-b:#8c965f99;--wash-c:#5a64467a}.tone-spi{--wash-a:#105070f2;--wash-b:#4682a099;--wash-c:#1446647a}.kicker{color:#28241fb8;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:.82rem;font-style:italic}.title{letter-spacing:.02em;margin:4px 0 0;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:1.45rem;font-weight:600}.script{color:#3d3832;margin:4px 0 8px;font-family:Segoe Script,Apple Chancery,Snell Roundhand,cursive;font-size:.95rem}.copy{color:var(--copy);font-size:.92rem}.muted{color:var(--muted);font-size:.85rem}.pillar-mark{object-fit:contain;filter:drop-shadow(0 1px 1px #28241f1f);width:44px;height:44px;margin:0 auto 6px;display:block}.pillar-mark.lg{width:58px;height:58px}.pillar-mark.seal{border-radius:50%;width:56px;height:56px}.body{padding:8px 18px 24px}.card{background:#ffffffc7;border:1.5px solid #28241f1f;border-radius:12px;margin:10px 0;padding:12px 14px}.tone-mem .card{background:#fff8f2e0;border-color:#c0603047}.tone-cre .card{background:#fafbf4e6;border-color:#6868504d}.tone-spi .card{background:#f4f9fce6;border-color:#10507047}.row{justify-content:space-between;align-items:center;gap:8px;margin:6px 0;font-size:.9rem;display:flex}.btn{text-align:center;border-radius:12px;width:100%;min-height:48px;margin:8px 0;padding:14px 16px;font-weight:600;transition:transform .12s,opacity .12s;display:block}.btn:active{transform:scale(.98)}.btn-primary{background:var(--ink);color:#f3efe8}.tone-mem .btn-primary{background:var(--mem);color:#fffaf6}.tone-cre .btn-primary{background:var(--cre);color:#f7f6f0}.tone-spi .btn-primary{background:var(--spirit);color:#f3f8fb}.btn-secondary{color:var(--ink);background:#ffffffb3;border:1.5px solid #28241f33}.btn-sm{min-height:42px;padding:10px 12px;font-size:.9rem}.btn-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.field{background:#ffffffd9;border:1.5px solid #28241f2e;border-radius:12px;width:100%;margin:8px 0;padding:12px 14px;display:block}label.field-label{margin-top:12px;margin-bottom:4px;font-size:.82rem;font-weight:600;display:block}.choice-grid{flex-wrap:wrap;gap:8px;margin:8px 0 12px;display:flex}.choice{background:#ffffffb3;border:1.5px solid #28241f2e;border-radius:999px;padding:10px 12px;font-size:.85rem}.choice.on{border-color:var(--ink);background:#28241f14;font-weight:600}.info-btn{background:#ffffffb3;border:1.5px solid #28241f59;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:inline-flex}.title-row{justify-content:center;align-items:center;gap:10px;display:flex}.sheet-backdrop{z-index:50;background:#28241f59;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:min(480px,100%);padding:18px 18px calc(24px + var(--safe-bottom));border-radius:18px 18px 0 0;max-height:70dvh;overflow:auto}.progress-dots{justify-content:center;gap:4px;margin:8px 0;display:flex}.progress-dots i{background:#28241f26;border-radius:50%;width:8px;height:8px;display:block}.progress-dots i.on{background:var(--ink)}.progress-dots i.done{background:var(--mem)}.game-grid{gap:6px;max-width:280px;margin:12px auto;display:grid}.cell{aspect-ratio:1;background:#ffffffb3;border:1px solid #28241f26;border-radius:8px;justify-content:center;align-items:center;min-height:44px;font-size:1.2rem;display:flex}.cell.flash{background:var(--mem)}.cell.hit{outline:2px solid var(--spirit)}.cell.path{opacity:.7}.idea-list{margin:8px 0;padding:0;list-style:none}.idea-list li{border-bottom:1px dashed #28241f26;padding:8px 10px;font-size:.9rem}.auth-page{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding:24px 20px;display:flex}.error{color:#8b2e1a;background:#c060301f;border-radius:10px;margin:8px 0;padding:10px 12px;font-size:.88rem}.success{color:var(--spirit);margin:8px 0;font-size:.9rem}.timer{text-align:center;margin:12px 0;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:2rem}.pillars{grid-template-columns:1fr 1fr 1fr;gap:8px;margin:10px 0;display:grid}.pillar{text-align:center;border:1.5px solid #0000;border-radius:12px;padding:10px 6px;font-size:.68rem}.pillar img{width:30px;height:30px;margin:0 auto 4px;display:block}.pillar strong{font-size:.75rem;display:block}.pillar.mem{background:#c0603024;border-color:#c0603059}.pillar.cre{background:#68685029;border-color:#68685059}.pillar.spi{background:#1050701f;border-color:#10507052}.bar{background:#28241f14;border-radius:3px;height:7px;margin:8px 0;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--mem), var(--spirit), var(--cre));border-radius:3px;height:100%;display:block}.points-toast{background:#f4f9fcf2;border-color:#10507038;margin:8px 0 12px;padding:10px 12px;animation:.35s ease-out points-in}@keyframes points-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.card-locked{opacity:.62;filter:grayscale(.15)}.about-body .copy{margin:0 0 14px}.about-body .pillars{margin:4px 0 16px}.about-body .btn{margin-top:8px}.spirit-subtabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.spirit-tab-card{text-align:left;cursor:pointer;width:100%;padding:12px 14px}.spirit-tab-card strong{font-size:.95rem;display:block}.spirit-tab-card .muted{margin-top:2px;font-size:.78rem;display:block}.meditation-panel{text-align:center}.meditation-running .meditation-phase-label{color:var(--spirit);margin:0 0 4px;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:1.4rem}.meditation-timer{margin:8px 0 4px}.meditation-breath-hint{margin:0;font-size:.85rem}.meditation-toggles{text-align:left;margin:12px 0 16px}.toggle-row{align-items:center;gap:10px;margin:8px 0;font-size:.9rem;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--spirit)}.meditation-hint{margin:4px 0 0;font-size:.78rem}.meditation-scene{aspect-ratio:4/3;background:linear-gradient(165deg,#f3efe8 0%,#ebe6e0 45%,#e8e2d8 100%);border:1.5px solid #10507026;border-radius:16px;width:100%;max-width:420px;margin:0 auto 12px;position:relative;overflow:hidden}.meditation-wash{filter:blur(28px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.meditation-wash-mem{background:#c0603059;width:45%;height:45%;top:10%;left:-5%}.meditation-wash-spi{background:#10507047;width:50%;height:50%;bottom:5%;right:-8%}.meditation-wash-cre{background:#6868504d;width:35%;height:35%;top:5%;left:32%}.meditation-svg{z-index:1;width:100%;height:100%;display:block;position:relative}.meditation-arrow{z-index:2;object-fit:contain;pointer-events:none;width:44px;height:44px;transition:left .2s ease-out,top .2s ease-out,transform .2s ease-out;position:absolute}.difficulty-chip{color:var(--spirit);background:#1050701a;border:1px solid #1050702e;border-radius:999px;padding:4px 10px;font-size:.82rem;display:inline-block}.tone-mem .difficulty-chip{color:var(--mem);background:#c060301f;border-color:#c0603038}.tone-cre .difficulty-chip{color:var(--cre);background:#68685024;border-color:#6868503d}.encourage-line{color:var(--ink);margin:0 0 8px;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:1.05rem}.points-detail{margin:4px 0 0;font-size:.78rem}.science-inline{border-left:3px solid var(--spirit);color:var(--copy);background:#10507014;border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:.88rem}.tone-mem .science-inline{border-left-color:var(--mem);background:#c060301a}.tone-cre .science-inline{border-left-color:var(--cre);background:#6868501f}.path-row{align-items:center;gap:10px;margin:8px 0;font-size:.9rem;display:flex}.path-row img{object-fit:contain;flex:none;width:18px;height:18px}.path-row span{flex:1}.section-title{margin:18px 0 8px;font-size:1.15rem}.flow-grid{grid-template-columns:repeat(var(--n), 1fr);touch-action:none;-webkit-user-select:none;user-select:none;gap:4px;max-width:320px;margin:12px auto;display:grid}.flow-cell{aspect-ratio:1;background:var(--fc,#f5f5f4);touch-action:none;border:1px solid #28241f1f;border-radius:8px;min-height:36px;padding:0}.flow-cell.flow-end{box-shadow:inset 0 0 0 3px #ffffff8c}.flow-cell.flow-pipe{opacity:.92}.line-trace-svg{touch-action:manipulation;background:#ffffff8c;border:1.5px solid #28241f1f;border-radius:16px;width:min(100%,360px);margin:12px auto;display:block}.lt-edge{stroke:#28241f47;stroke-width:2.2px;stroke-linecap:round}.lt-edge.on{stroke:var(--mem);stroke-width:2.8px}.lt-node{fill:#f3efe8;stroke:var(--ink);stroke-width:1.4px}.lt-node.current{fill:var(--mem);stroke:var(--ink)}