:root{--mw-mist: #f6f4ee;--mw-warm: #fffdf7;--mw-sage: #7f917f;--mw-sage-deep: #334239;--mw-gold: #c7a862;--mw-gold-soft: #eadcc0;--mw-ink: #26342e;--mw-muted: #66756c;--mw-line: rgba(255, 255, 255, .72);--mw-card: rgba(255, 253, 247, .72);--mw-shadow: 0 22px 60px rgba(62, 75, 64, .14);--mw-inner: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(98, 93, 75, .06)}html{background:var(--mw-mist)}body{margin:0;min-width:320px;color:var(--mw-ink);background:radial-gradient(circle at 16% 8%,rgba(255,247,224,.9),transparent 28rem),radial-gradient(circle at 78% 20%,rgba(215,229,217,.92),transparent 26rem),linear-gradient(135deg,#f8f4eb,#e8efe9 54%,#f4f0e8);font-family:Noto Sans TC,Inter,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(199,168,98,.42);outline-offset:3px}.mw-app-shell{min-height:100vh;display:flex;justify-content:center;padding:clamp(0px,3vw,32px)}.mw-app-surface{width:min(100%,1180px);min-height:100vh;overflow:hidden;position:relative;background:linear-gradient(#fcfcf7c7,#f1f5efc7),url(/app/landing-feature-journal.webp) center / cover;border:1px solid var(--mw-line);box-shadow:var(--mw-shadow)}.mw-app-surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 28%,transparent 72%,rgba(255,255,255,.18)),radial-gradient(circle at 50% 100%,rgba(234,220,192,.3),transparent 36rem)}.mw-screen{position:relative;z-index:1;min-height:100vh}.mw-glass{border:1px solid var(--mw-line);background:var(--mw-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--mw-inner),0 18px 38px #3e4b401a}.mw-icon-button{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--mw-line);border-radius:999px;color:var(--mw-muted);background:#ffffff6b;box-shadow:var(--mw-inner);transition:color .18s ease,background .18s ease}.mw-icon-button:hover{color:var(--mw-sage-deep);background:#ffffffa8}.mw-counter-layout{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:clamp(18px,4vw,42px)}.mw-counter-main{display:grid;place-items:center;gap:22px}.mw-mantra-summary{width:min(100%,620px);min-height:82px;max-height:92px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 16px 14px 20px;border-radius:22px}.mw-mantra-summary p{display:-webkit-box;margin:0;overflow:hidden;color:var(--mw-muted);font-family:"Noto Serif TC",serif;font-size:17px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mw-counter-orb{width:min(78vw,340px);aspect-ratio:1;position:relative;display:grid;place-items:center}.mw-counter-orb svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.mw-counter-button{width:72%;aspect-ratio:1;border:1px solid rgba(255,255,255,.86);border-radius:999px;background:radial-gradient(circle,#fffffff5,#ffffff75);color:var(--mw-sage-deep);box-shadow:0 20px 50px #4a584b24,var(--mw-inner);transition:transform .12s ease,box-shadow .18s ease;z-index:1}.mw-counter-button:active{transform:scale(.985);box-shadow:0 12px 32px #4a584b1f,inset 0 8px 24px #7787791f}.mw-counter-button strong{display:block;font-family:"Noto Serif TC",serif;font-size:clamp(58px,16vw,86px);font-weight:500;line-height:1}.mw-tool-dock{width:min(100%,620px);display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 auto}.mw-tool-dock button{min-height:74px;border-radius:22px;color:var(--mw-muted);font-weight:700}.mw-bottom-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;align-items:end;justify-items:center;background:#26342e47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px}.mw-bottom-sheet-panel{width:min(520px,100%);max-height:78vh;overflow:auto;border-radius:30px;padding:22px}@media (min-width: 760px){.mw-app-surface{min-height:calc(100vh - 64px);border-radius:32px}.mw-screen,.mw-counter-layout{min-height:calc(100vh - 64px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}