/* Shared playful finish: preserves each screen's layout and semantic colours. */
:root{--yaka-ink:#153d60;--yaka-soft-ink:#39627b}body{color:var(--yaka-ink)}
.card,.main-card,.top-card,.axes-card,.contract-card,.network-multi-card,.focus-debt-popup,.action-confirm-popup,.action-direct-popup{border:3px solid #96cce6;box-shadow:inset 0 0 0 4px #ffffffad,0 6px 0 #679dbb80,0 13px 23px #28557625;border-radius:26px;color:#1a4863;background:linear-gradient(140deg,#fff 10%,#eefaff 85%)}
.main-card{border-color:#b3d9ed}.card h1,.card h2,.main-card h2,.top-card h1,.contract-title{color:#174668;text-shadow:0 1px 0 white;font-weight:900}.intro,.subtitle,.card p,.top-card p{color:#3b6077}.btn,.action-btn,.btn-main,.btn-save,.btn-primary,.focus-debt-popup-button,.action-confirm-button,.network-multi-button{border-width:2px;border-style:solid;border-color:#ffffff80;box-shadow:inset 0 2px 0 #ffffff88,0 4px 0 #173c6559,0 7px 13px #1d507522;font-weight:900;min-height:46px}.btn-main,.btn-save,.btn-primary{background:linear-gradient(#43a0e8,#2365a9);color:white;border-color:#2767a1;box-shadow:inset 0 2px 0 #9bdcff,0 5px 0 #1b4b7b}.btn-back,.back-button{color:#1e628b;font-weight:900}.btn:disabled,.btn-save:disabled{opacity:.5;cursor:default;filter:saturate(.4)}.round-btn{box-shadow:inset 0 3px 0 #ffffff99,0 5px 0 #26485d59,0 8px 15px #173f5b22}.stat-card,.focus-card,.mental-card{border:2px solid #ffffffb5;box-shadow:inset 0 3px 0 #ffffff7a,0 5px 0 #486b7533,0 9px 14px #194a5c18}.action-direct-choice,.network-item,.axis-item{box-shadow:inset 0 2px 0 #ffffffa6,0 3px 0 #5c899326}.card textarea,.card input:not([type=checkbox]):not([type=radio]):not([type=range]),.top-card input:not([type=checkbox]):not([type=radio]){color:#163e61;background:#fff;border:2px solid #9bc6dd;box-shadow:inset 0 3px 5px #4b8bb218;border-radius:14px}.card textarea::placeholder,.card input::placeholder{color:#527591}.card textarea{font-size:16px}.btn-label{font-weight:900}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #1670bc;outline-offset:3px}.btn:not(:disabled):active,.round-btn:active{transform:translateY(2px)}
@media(max-width:360px){.card,.main-card,.top-card{border-radius:23px}}
@media(prefers-reduced-motion:reduce){.btn,.round-btn{transition:none!important}}

/* R4: a stable pastel interior; the coloured frame carries the level of pressure. */
#mentalCard{--load-frame:#48b981;--load-shadow:#27845c;--load-ink:#196142;background:linear-gradient(145deg,#fffdf8,#fff0f2);border:3px solid var(--load-frame);box-shadow:inset 0 0 0 3px #ffffffd9,0 5px 0 var(--load-shadow),0 9px 16px #254b5f26;border-radius:24px;padding-top:13px;padding-bottom:13px}
#mentalCard[data-load-level=busy]{--load-frame:#e2ac2c;--load-shadow:#b77f18;--load-ink:#805312}
#mentalCard[data-load-level=heavy]{--load-frame:#ed823d;--load-shadow:#bc5728;--load-ink:#a0441d}
#mentalCard[data-load-level=overload]{--load-frame:#ed4277;--load-shadow:#b62455;--load-ink:#b31c4b}
#mentalCard #mentalValue{color:var(--load-ink);font-weight:1000;font-size:34px;text-shadow:0 1px 0 white;letter-spacing:-.5px}
#mentalCard .mental-emoji{background:radial-gradient(circle at 35% 25%,#fff,#fff1db);border:2px solid #fff;box-shadow:0 3px 0 var(--load-frame),0 6px 11px #46617422}
#mentalCard .stat-label{color:#344c61;font-weight:900}#focusCard{border:3px solid #eac25e;box-shadow:inset 0 0 0 3px #ffffff8c,0 5px 0 #c9a24b,0 9px 16px #254b5f26}#focusCard .focus-value{font-size:34px}
@media(max-width:360px){#mentalCard{padding-left:10px}#mentalCard #mentalValue,#focusCard .focus-value{font-size:29px}}