*{box-sizing:border-box}body{margin:0;background:#f6f8f6;color:#233c49;font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a7d2df}button{border:0;background:none;color:inherit}.layout{display:flex;min-height:100vh}.side{width:220px;background:#edf5f5;padding:32px 20px;position:fixed;height:100vh}.brand{font-size:24px;font-weight:800;color:#315c6c;letter-spacing:3px}.brand small{display:block;font-size:11px;letter-spacing:1px;color:#89a3a8;font-weight:500}.nav{margin-top:55px;display:grid;gap:8px}.nav button{text-align:left;padding:13px;border-radius:12px;font-weight:600;color:#70878d}.nav button.active{background:white;color:#315e71;box-shadow:0 4px 18px #aac0c122}.nav button span{margin-right:12px}.sidefoot{position:absolute;bottom:28px;color:#90a7aa;font-size:12px}.main{margin-left:220px;width:calc(100% - 220px);padding:35px 6% 80px;max-width:1500px}.top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;color:#8da2a3;font-weight:700}.top h1{font-size:30px;margin:4px 0}.top p{margin:0;color:#82959a}.iconbtn{border:1px solid #dce8e8;background:white;border-radius:50%;width:42px;height:42px;font-size:18px}.hero{margin:28px 0 20px;background:#e4f1f3;border-radius:20px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.hero h2{margin:0 0 5px;font-size:21px}.hero p{margin:0;color:#789098}.heroart{font-size:46px;color:#a5cbd1}.stats{display:flex;gap:48px;margin-top:22px}.stat strong{font-size:25px;display:block;line-height:1.1}.stat span{font-size:12px;color:#758d93}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 12px}.sectionhead h2{font-size:18px;margin:0}.muted{color:#8a9da0;font-size:12px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.search{flex:1;min-width:180px}.field,input,select,textarea{border:1px solid #dce7e6;border-radius:10px;background:#fff;padding:10px 12px;color:#29434d;min-width:0}.pill{border:1px solid #dfe8e6;border-radius:99px;padding:8px 13px;background:white;color:#71878c}.pill.active{background:#436f7e;color:white;border-color:#436f7e}.group,.card{background:white;border:1px solid #e4ecea;border-radius:16px;margin:10px 0;overflow:hidden}.grouphead{width:100%;display:flex;align-items:center;text-align:left;padding:16px;gap:12px}.avatar{width:42px;height:42px;flex:none;border-radius:14px;background:#e7f3f3;color:#5d8b98;display:grid;place-items:center;font-size:18px}.grow{flex:1}.grouphead strong,.row strong{display:block}.sub{color:#91a2a3;font-size:12px;margin-top:3px}.progress{font-weight:700;color:#597985;white-space:nowrap}.row{padding:14px 16px;border-top:1px solid #edf1ef;display:flex;align-items:center;gap:12px}.row .grow{min-width:0}.tag{display:inline-block;border-radius:6px;background:#edf4f3;color:#68848a;padding:3px 7px;font-size:11px;white-space:nowrap}.tag.warm{background:#fff3e7;color:#a7794e}.tag.blue{background:#e8f3f6;color:#58899a}.tag.green{background:#e9f4ec;color:#648c71}.primary{background:#477c8c;color:white;border-radius:10px;padding:10px 16px;font-weight:650}.secondary{background:#f0f6f5;color:#66848c;border-radius:9px;padding:9px 12px}.tiny{font-size:12px;color:#79939a;padding:8px}.rowactions{display:flex;gap:5px;align-items:center}.empty{text-align:center;padding:50px;color:#93a6a6}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{padding:18px;margin:0}.card h3{margin:0;font-size:16px}.card p{margin:8px 0;color:#83979a}.card .line{display:flex;justify-content:space-between;gap:8px;margin-top:14px}.bar{height:5px;background:#edf3f1;border-radius:5px;margin:14px 0}.bar i{display:block;height:100%;background:#8abac1;border-radius:5px}.money{font-size:22px;font-weight:700}.bottom{display:none}.overlay{position:fixed;inset:0;background:#1d35437a;display:flex;align-items:center;justify-content:center;padding:20px;z-index:4}.modal{background:#fff;border-radius:20px;padding:24px;width:min(600px,100%);max-height:90vh;overflow:auto}.modal h2{margin:0 0 8px}.modal label{display:block;font-size:12px;color:#71898e;margin:12px 0 5px}.modal input,.modal select,.modal textarea{width:100%}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.checklist{display:flex;flex-wrap:wrap;gap:8px}.checklist label{background:#f2f7f6;padding:8px;border-radius:8px;margin:0}.checklist input{width:auto}.notice{background:#fff8ed;border-radius:10px;padding:12px;color:#99754c;margin:12px 0;font-size:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#294c59;color:white;padding:12px 18px;border-radius:12px;z-index:6;white-space:nowrap}.toast button{color:#bfe5e9;margin-left:15px}.demo{font-size:12px;color:#93a6a5;margin-top:26px}.mobileonly{display:none}@media(max-width:700px){.side{display:none}.main{margin:0;width:100%;padding:24px 16px 110px}.top h1{font-size:25px}.hero{padding:20px;margin-top:22px}.heroart{font-size:32px}.stats{gap:25px}.stat strong{font-size:21px}.grid{grid-template-columns:1fr}.bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid #e4ecea;justify-content:space-around;padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:3}.bottom button{display:grid;gap:1px;text-align:center;font-size:11px;color:#9bacac}.bottom button span{font-size:20px}.bottom button.active{color:#477c8c;font-weight:700}.row{flex-wrap:wrap}.rowactions{margin-left:auto}.overlay{align-items:flex-end;padding:0}.modal{border-radius:20px 20px 0 0;max-height:90vh;padding:22px 18px}.toast{bottom:80px}.mobileonly{display:block}}
/* Order entry inherits the existing palette, with a focused reading width. */
.order-overlay .modal{width:min(680px,100%);max-height:92dvh;padding-bottom:0;overflow:auto}
.oe-section{border:0;border-bottom:1px solid #dce3e7;padding:22px 0;margin:0}
.oe-section h3{margin:0 0 14px;font-size:18px}.oe-section h3 .muted{font-size:13px;font-weight:400}
.oe-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.oe-field{margin:10px 0}.oe-field label{display:block;margin-bottom:7px}
.oe-error{display:block;color:#a33232;font-size:13px;line-height:1.6;margin-top:4px}.oe-error:empty{display:none}
.order-overlay [aria-invalid=true]{border-color:#a33232}.order-overlay [hidden]{display:none!important}
.oe-account{display:flex!important;align-items:center;gap:10px;padding:12px 0;margin:0!important;cursor:pointer}
.oe-account input{width:18px!important;height:18px;flex:none}.oe-account .sub{display:inline}.oe-account:has(input:disabled){opacity:.65;cursor:default}
.oe-relation{padding:14px 0;border-top:1px solid #e4e9ec}.oe-hint{font-size:14px;color:#415d6b;line-height:1.7}
.order-overlay details summary{cursor:pointer;font-weight:600;padding:8px 0}.order-overlay details summary .muted{font-weight:400;font-size:13px}
.order-overlay .actions{position:sticky;bottom:0;background:#fff;padding:16px 0;margin:0;display:flex;align-items:center;border-top:1px solid #dce3e7;z-index:2}
.oe-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1}.oe-footer>span{font-size:13px;color:#415d6b}.oe-footer button{white-space:nowrap}
.order-overlay :focus-visible{outline:2px solid #365e79;outline-offset:3px}.order-overlay input,.order-overlay select{min-height:44px}.order-overlay .sub{color:#52636e}
@media(max-width:600px){.order-overlay{padding:0}.order-overlay .modal{max-height:100dvh;height:100dvh;border-radius:0;padding:22px 18px 0}.oe-columns{gap:12px}.order-overlay .actions{padding-bottom:max(16px,env(safe-area-inset-bottom))}.oe-footer{flex-wrap:wrap}.oe-footer>span{flex-basis:100%}.oe-footer button{margin-left:auto}}
/* Sky-inspired workspace: airy surfaces and restrained starlight. */
:root{color-scheme:light;--ink:#263e50;--muted:#596f7c;--accent:#426f84;--line:#dce6eb}
body{background:#f4f7f9;color:var(--ink);font-size:15px;line-height:1.6}
.side{background:linear-gradient(180deg,#e5f1f6 0%,#edf5f7 60%,#f5f7f8 100%);border-right:1px solid #dce8ed;padding:32px 18px}
.brand{color:#31566b;letter-spacing:.1em}.brand small{color:#607c89;letter-spacing:.08em}
.nav button{color:#526f7d;min-height:48px}.nav button.active{box-shadow:none;border:1px solid #d9e8ee;color:#315b70}
.sidefoot,.top p,.card p,.sub,.muted,.demo{color:var(--muted)}
.main{padding-top:40px}.eyebrow{display:none}.top h1{font-size:30px;letter-spacing:-.02em}.top p{margin-top:4px}
.hero{background:linear-gradient(125deg,#e2f0f6,#f4f3ed);border:1px solid #dce9ed;border-radius:16px;padding:26px 28px}
.hero h2{color:#31566c}.hero p,.stat span{color:#506d7d}.heroart{color:#739bad}.stats{gap:44px}.stat strong{font-variant-numeric:tabular-nums}
.sectionhead{margin-top:32px}.group,.card{border-color:var(--line);border-radius:14px}.grouphead{min-height:72px}.row{min-height:64px;border-color:#e8eef1}.row strong,.card h3{overflow-wrap:anywhere}
.avatar{border-radius:12px;background:#e9f2f6;color:#4b778d}.progress{color:#496c7d}.tag{font-size:12px;color:#486572}.tag.blue{color:#356c82}.tag.green{color:#39714e}.tag.warm{color:#855c32}
.primary{background:#426f84;min-height:44px}.primary:hover{background:#345c70}.secondary{color:#416779;min-height:44px}.tiny{color:#416779;min-height:40px}.pill{color:#4d6976;min-height:40px}.pill.active{background:#426f84}
input,select,textarea{border-color:#cbdbe2;min-height:44px}.search::placeholder,input::placeholder,textarea::placeholder{color:#6e838e}.iconbtn{border-color:#d3e2e9}.notice{color:#735a39;background:#fbf5e8}.empty{color:#627b87}.modal{box-shadow:0 18px 60px #233f5126}.modal label{font-size:14px;color:#4a6370}.modal h2{font-size:22px}.modal .actions{gap:12px}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #70a9c2;outline-offset:2px}
@media(max-width:700px){.main{padding:26px 16px 112px}.top h1{font-size:26px}.hero{padding:22px 20px}.stats{gap:20px}.stat{flex:1}.sectionhead{align-items:flex-start}.bottom{background:#fdfefe;border-color:#dce6eb}.bottom button{color:#5b7481;min-width:64px;min-height:48px}.bottom button.active{color:#345f75}.row{gap:10px}.modal{max-height:90dvh}.toast{max-width:calc(100vw - 32px);white-space:normal}}
.modal{overscroll-behavior:contain}.modal h3{margin:24px 0 10px}.modal textarea{min-height:80px;resize:vertical}.modal .row button{flex-shrink:0}.card{cursor:pointer}.card:focus-within{outline:2px solid #70a9c2;outline-offset:2px}.notice{line-height:1.65}.oe-section summary{min-height:44px;display:flex;align-items:center;gap:8px}.oe-section summary::before{content:'›';font-size:20px;line-height:1;transition:transform .15s}.oe-section[open] summary::before{transform:rotate(90deg)}
@media(max-width:700px){.modal .actions{flex-wrap:wrap}.modal .actions button{min-height:44px}.modal .row{align-items:center}.grouphead .progress .muted{display:none}.grouphead{gap:10px}.grouphead .grow{min-width:0}.grouphead strong{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.top{gap:12px}.top>div:first-child{min-width:0;flex:1}.top>div:last-child{display:flex;flex-wrap:nowrap;gap:6px;flex-shrink:0}.top>div:last-child .iconbtn{flex:none}.top p{overflow-wrap:anywhere}
@media(max-width:700px){.top{align-items:flex-start}.top>div:last-child{gap:4px}.top .iconbtn{width:36px;height:36px;font-size:16px}.top h1{font-size:24px}.top p{font-size:13px}.sectionhead>button{flex-shrink:0;white-space:nowrap}.oe-section{padding:18px 0}.order-overlay .modal>p{margin-bottom:0}}
/* 心笺 · airy, task-first visual system */
:root{--ink:#263b48;--muted:#637985;--accent:#416f84;--line:#dbe5e9;--paper:#fff;--page:#f6f8f9;--soft:#edf5f7;--warm:#f7f2e8}
body{background:var(--page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.01em}
::selection{background:#c8e5ee;color:#263b48}input,textarea{caret-color:var(--accent)}
.ui-icon{display:block;width:20px;height:20px;flex:none}.side{width:232px;background:#eaf3f6;border-color:#dce9ee;padding:30px 18px}.brand{display:flex;align-items:center;gap:10px;padding:2px 5px;font-size:22px;letter-spacing:.08em;line-height:1.2}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#d8ebf0;color:#3e7083}.brand-mark .ui-icon{width:22px;height:22px}.brand small{margin-top:4px;font-size:11px;letter-spacing:.13em;color:#718992}.nav{margin-top:48px;gap:6px}.nav button{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:14px;border:1px solid transparent;border-radius:10px;transition:background .15s,color .15s}.nav button span{margin:0}.nav button:hover{background:#f6fafb;color:#345e70}.nav button.active{background:#fff;border-color:#dbe9ed;color:#315f72}.sidefoot{left:24px;bottom:30px;line-height:1.8;color:#718891}
.main{margin-left:232px;width:calc(100% - 232px);max-width:1550px;padding:40px clamp(28px,5vw,80px) 88px}.top{align-items:flex-start}.top h1{font-size:28px;font-weight:700;line-height:1.3;margin:0}.top p{font-size:14px;margin-top:8px;color:#657b85}.top>div:last-child{gap:8px}.iconbtn{display:grid;place-items:center;width:40px;height:40px;background:#fff;border:1px solid #dce7ea;border-radius:12px;color:#536f7c}.iconbtn:hover{background:#edf5f7}
.hero{position:relative;margin:28px 0 24px;padding:25px 28px;background:linear-gradient(115deg,#e8f4f7 0%,#eef6f6 62%,#f8f5ed 100%);border:1px solid #e1ecee;border-radius:16px;min-height:170px}.hero h2{font-size:18px;line-height:1.4;color:#315768}.hero p{font-size:13px;color:#647c85}.heroart{display:flex;align-items:center;gap:13px;color:#8aafbb}.heroart .ui-icon:first-child{width:58px;height:58px;stroke-width:1.1}.heroart .ui-icon:last-child{width:23px;height:23px;color:#bfaa78}.stats{gap:0;margin-top:24px}.stat{min-width:106px;padding-right:26px;margin-right:26px;border-right:1px solid #cedfe3}.stat:last-child{border:0;margin:0;padding:0}.stat strong{font-size:24px;color:#2d4f60;font-weight:700}.stat span{display:block;margin-top:6px;color:#647d87;font-size:12px}
.sectionhead{margin:30px 0 14px;align-items:center}.sectionhead h2{font-size:18px;line-height:1.4}.sectionhead .muted{display:block;margin-top:5px;font-size:12px}.toolbar{gap:8px;margin:14px 0 16px}.search{height:44px;background:#fff}.pill{border-color:#dce7ea;background:#fff;color:#536e7b;padding:8px 15px;font-size:13px}.pill.active{background:#456f82;border-color:#456f82;color:white}.pill:hover:not(.active){background:#edf5f7}
.group,.card{background:#fff;border:1px solid #e0e8eb;border-radius:14px;box-shadow:none}.group{margin:10px 0}.grouphead{padding:16px 18px;min-height:74px}.grouphead:hover{background:#f8fbfc}.avatar{width:42px;height:42px;border-radius:12px;color:#648c9c;background:#eaf3f5}.avatar .ui-icon{width:21px;height:21px}.grouphead strong,.row strong{font-size:14px;color:#2a4351}.sub,.muted{color:#6c818a}.row{padding:14px 18px;gap:12px;min-height:68px;border-color:#edf1f2}.rowactions{gap:6px}.progress{font-size:13px;color:#4d7180}.tag{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.primary,.secondary{font-size:14px;font-weight:600;border-radius:9px;min-height:42px;padding:9px 16px}.primary{background:#426f83;color:white}.primary:hover{background:#355e70}.secondary{background:#edf4f5;color:#456a79}.secondary:hover{background:#dfeef1}.tiny{color:#537987;font-size:13px}.tiny:hover{text-decoration:underline;text-underline-offset:3px}.grid{gap:14px}.card{padding:20px;transition:border-color .15s,transform .15s}.card:hover{border-color:#b9d3dc;transform:translateY(-1px)}.card .line{align-items:center;margin-top:13px}.card .line:first-child{margin-top:0;align-items:flex-start}.card h3{font-size:16px;line-height:1.5}.card p{font-size:13px;color:#6a808a}.bar{height:6px;background:#edf2f2}.bar i{background:#82b1bb}.money{font-size:20px;color:#31586a}.empty{background:#fff;border:1px dashed #d6e3e7;border-radius:14px;line-height:1.8}
.overlay{background:rgba(28,48,58,.48);padding:24px}.modal{border-radius:18px;background:#fff;padding:26px 28px;box-shadow:0 22px 70px rgba(29,54,67,.18)}.modal h2{font-size:21px;line-height:1.35;color:#294453}.modal h3{font-size:16px;color:#304d5a}.modal label{font-size:13px;font-weight:600;color:#4e6874;margin:14px 0 6px}.modal input,.modal select,.modal textarea,.search{border:1px solid #d5e1e6;border-radius:9px;background:#fff;color:#294451;padding:10px 12px}.modal input:hover,.modal select:hover,.modal textarea:hover{border-color:#a9c5d0}.modal .actions{padding-top:4px}.notice{background:#faf6ec;color:#765f3d;border-radius:10px;padding:13px 15px;font-size:13px}.order-overlay .modal{padding:28px 30px 0}.oe-section{padding:22px 0;border-color:#e5ecee}.oe-section h3{font-size:16px}.oe-relation{border-color:#edf1f2}.oe-footer>span{font-size:13px}.order-overlay .actions{background:#fff;border-color:#e5ecee}
.bottom button span{display:flex;justify-content:center}.bottom .ui-icon{width:21px;height:21px}.toast{box-shadow:0 8px 25px #294c5926}
@media(max-width:700px){.side{display:none}.main{margin:0;width:100%;padding:24px 16px calc(105px + env(safe-area-inset-bottom))}.top h1{font-size:24px}.top p{font-size:12px;line-height:1.5}.top>div:last-child{gap:5px}.iconbtn,.top .iconbtn{width:36px;height:36px;border-radius:10px}.hero{min-height:0;margin:24px 0 22px;padding:21px 20px}.hero h2{font-size:16px}.heroart .ui-icon:first-child{width:42px;height:42px}.heroart .ui-icon:last-child{width:17px;height:17px}.stats{margin-top:20px;gap:0}.stat{min-width:0;flex:1;padding-right:10px;margin-right:10px}.stat strong{font-size:21px}.stat span{font-size:11px}.sectionhead{margin:28px 0 12px;align-items:flex-start}.sectionhead h2{font-size:17px}.sectionhead>button{font-size:12px;padding:8px 10px}.toolbar{margin:12px 0;gap:7px}.search{flex-basis:100%}.pill{min-height:36px;padding:6px 12px}.grouphead{padding:14px}.row{padding:13px 14px}.rowactions{margin-left:auto}.grid{grid-template-columns:1fr}.card{padding:17px}.card:hover{transform:none}.bottom{height:auto;min-height:66px;background:#fff;border-top:1px solid #e2eaed;padding:7px 8px max(8px,env(safe-area-inset-bottom));gap:4px}.bottom button{display:grid;place-items:center;gap:3px;min-width:0;flex:1;font-size:11px;color:#728a93}.bottom button.active{color:#3c6b80}.overlay{align-items:flex-end;padding:0}.modal{padding:22px 18px;border-radius:18px 18px 0 0;max-height:90dvh}.order-overlay .modal{padding:22px 18px 0;max-height:100dvh}.oe-columns{gap:10px}.toast{bottom:calc(80px + env(safe-area-inset-bottom))}}
/* A quiet journey through the clouds, with warm candlelight accents. */
body{background:#f7f8f7}.side{background:linear-gradient(180deg,#e3f0f5 0%,#edf4f5 62%,#f7f6ef 100%)}
.brand-mark{background:#f9f2dc;color:#9b7943}.nav button.active{border-color:#e8dfc9;color:#695c42}.nav button.active .ui-icon{color:#b29459}
.hero{min-height:210px;background-image:linear-gradient(90deg,rgba(251,251,247,.98) 0%,rgba(250,250,246,.94) 33%,rgba(250,250,246,.45) 62%,rgba(250,250,246,.03) 100%),url('assets/cloud-journey.jpg');background-position:center,center 53%;background-size:cover;border-color:#e3e9e7}
.hero h2{color:#3c5660}.hero p,.stat span{color:#536e78}.stat strong{color:#344f5a}.stat{border-color:#d9dcd0}.heroart{display:none}
.brand-mark,.avatar{box-shadow:inset 0 0 0 1px rgba(182,157,105,.12)}.avatar{background:#f1f4ef;color:#a58c5c}.primary{background:#567886}.primary:hover{background:#426471}.pill.active{background:#567886;border-color:#567886}
.tag.warm,.notice{background:#faf2e2;color:#795f39}.bar i{background:#bda46f}.nav button.active{background:rgba(255,255,255,.9)}
@media(max-width:700px){.hero{min-height:196px;background-image:linear-gradient(90deg,rgba(250,251,248,.98) 0%,rgba(250,251,248,.9) 48%,rgba(250,251,248,.38) 100%),url('assets/cloud-journey.jpg');background-position:center,69% center}.stats{margin-top:23px}}
/* Icons share one visual weight; warm light marks active and completed states. */
.iconbtn .ui-icon{width:19px;height:19px;stroke-width:1.65}.iconbtn:hover{color:#927747;border-color:#dfd3b7;background:#fffbf2}.group-chevron{display:grid;place-items:center;color:#77909a}.group-chevron .ui-icon{width:17px;height:17px}.icon-action{display:grid;place-items:center;min-width:38px;padding:8px;border-radius:9px}.icon-action .ui-icon{width:18px;height:18px}.icon-action:hover{background:#f5f2e9;text-decoration:none}.tag.green::before,.tag.blue::before,.tag.warm::before{content:'';display:inline-block;width:5px;height:5px;margin-right:6px;vertical-align:2px;border-radius:50%;background:currentColor;opacity:.8}.grouphead .avatar{background:linear-gradient(145deg,#fcf8ed,#e9f1f0);color:#a78851}.brand-mark{background:linear-gradient(145deg,#fff9e9,#eee5ce);color:#a27f48}.nav button.active{box-shadow:inset 3px 0 0 #c3a66c}.bottom button.active .ui-icon{color:#a7854d}.bar i{background:linear-gradient(90deg,#8baeb0,#d1b778)}
@media(max-width:700px){.top .iconbtn .ui-icon{width:18px;height:18px}.nav button.active{box-shadow:none}.bottom button.active span{background:#f7f2e4;border-radius:9px;padding:3px 10px;margin:-3px -10px}}
/* Navigation symbols echo candlelight, constellations, letters and winged light. */
.brand-mark .ui-icon{width:26px;height:26px;stroke-width:1.5}.nav button .ui-icon,.bottom .ui-icon{width:23px;height:23px;stroke-width:1.55}.grouphead .avatar .ui-icon{width:23px;height:23px;stroke-width:1.5}.brand-mark{background:#fbf3df;color:#a78143}.bottom button.active .ui-icon{color:#a47e42}.nav button.active .ui-icon{color:#a47e42}
/* Candlelight motion: soft atmosphere, immediate feedback, no delayed tasks. */
@media (prefers-reduced-motion:no-preference){
 .hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 31%,rgba(255,232,166,.28),transparent 18%);animation:sky-glow 8s ease-in-out infinite alternate}
 .hero>div{position:relative;z-index:1}
 .brand-mark .ui-icon{animation:wing-glow 5s ease-in-out infinite}
 .overlay{animation:veil-in .2s ease-out}.modal{animation:dialog-arrive .28s cubic-bezier(.16,1,.3,1)}
 .primary,.secondary,.iconbtn,.pill,.nav button,.bottom button,.grouphead{transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
 .primary:active,.secondary:active,.iconbtn:active,.pill:active,.bottom button:active{transform:scale(.97)}
 .nav button .ui-icon,.bottom button .ui-icon{transition:transform .2s cubic-bezier(.16,1,.3,1),color .16s ease}
 .nav button:hover .ui-icon,.bottom button:active .ui-icon{transform:translateY(-2px)}
 .grouphead:hover .avatar .ui-icon{transform:translateY(-2px)}.avatar .ui-icon{transition:transform .2s cubic-bezier(.16,1,.3,1)}
 @keyframes sky-glow{from{opacity:.25}to{opacity:.8}}
 @keyframes wing-glow{0%,100%{opacity:.8}50%{opacity:1;filter:drop-shadow(0 0 3px rgba(190,150,77,.3))}}
 @keyframes veil-in{from{background-color:transparent}to{background-color:rgba(28,48,58,.48)}}
 @keyframes dialog-arrive{from{opacity:.75;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
}
.update-notice{position:fixed;z-index:8;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;max-width:min(520px,calc(100vw - 32px));padding:16px;background:#fff;border:1px solid #dce7e9;border-radius:14px;box-shadow:0 12px 35px #294c592b}.update-notice div{flex:1;min-width:0}.update-notice strong,.update-notice span{display:block}.update-notice span{font-size:12px;color:#607781}.update-notice button{white-space:nowrap}.primary:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px){.update-notice{left:16px;right:16px;bottom:calc(85px + env(safe-area-inset-bottom));flex-wrap:wrap}.update-notice div{flex-basis:100%}}
.group-bulk{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:8px 18px;border-top:1px solid #edf1f2;color:#667d86;font-size:12px}.group-bulk .secondary{min-height:36px;padding:6px 12px;font-size:13px}.account-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.account-actions button{white-space:nowrap}.empty .primary{margin-top:16px}
@media(max-width:700px){.group-bulk{padding:7px 14px}.account-actions button{font-size:12px;padding:8px 10px}.account-actions{gap:6px}}