:root{--wine:#55131d;--bg:#f8f6f3;--ink:#302327;--muted:#897379;--line:#e8dddc;--soft:#f1e4e5;font:14px/1.6 "Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:11px;padding:9px 13px;background:#fffcfa;color:var(--wine);min-height:40px}button:hover{background:var(--soft)}button:disabled{cursor:wait;opacity:.6}.primary{background:var(--wine);color:white;border-color:var(--wine)}.primary:hover{background:#6b2530}input,select{width:100%;padding:11px 13px;min-height:45px;background:white;border:1px solid var(--line);border-radius:12px;color:var(--ink)}input:focus,select:focus{outline:2px solid #55131d25;outline-offset:2px}label{display:block;font-weight:600;font-size:12px;color:#73515d;margin:18px 0 7px}h1,h2,p{margin:0}h2{font-size:28px;letter-spacing:-.8px;line-height:1.25}p{color:var(--muted);margin-top:12px}small{display:block;font-size:11px;color:var(--muted);margin-top:22px}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:13px;color:#a37682}.logo{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;background:var(--wine);color:white;border-radius:15px;font-size:18px;font-weight:800;letter-spacing:-1px;transform:rotate(-5deg)}.logo.small{width:33px;height:33px;border-radius:10px;font-size:12px}.brand{display:flex;align-items:center;gap:15px}.brand strong{font-size:20px;letter-spacing:-.6px}.login-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100vh;max-width:1700px;margin:auto}.login-art{background:#efe0e3;border-radius:0 38px 38px 0;padding:clamp(35px,5vw,85px);display:flex;flex-direction:column;justify-content:space-between;gap:60px}.login-art h1{font-size:clamp(35px,4.4vw,65px);font-weight:750;letter-spacing:-2px;line-height:1.06;color:var(--wine)}.login-art p{max-width:350px;color:#986b78;font-size:15px;line-height:1.8;margin-top:25px}.login-note{font-size:11px;color:#a37682}.login-panel{align-self:center;padding:60px clamp(30px,6vw,95px);max-width:650px;width:100%}.login-panel>p{font-size:13px}.login-panel form{margin-top:30px}.login-panel form button{width:100%;margin-top:24px;min-height:48px}.message{min-height:20px;margin-top:16px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.message.error{color:#aa2d43}.cloud-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 18px;background:#fffcfa;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}.cloud-brand,.cloud-actions{display:flex;align-items:center;gap:10px;min-width:0}.cloud-brand select{width:auto;max-width:250px;border:0;background:transparent;font-size:12px;padding:5px;min-height:33px}.cloud-actions button{font-size:11px;min-height:33px;padding:7px 10px}.sync-state{font-size:10px;color:#84646e;max-width:200px;line-height:1.4}.sync-state.error{color:#ad3446}.notice{background:#f4e8d9;color:#825524;font-size:12px;padding:13px 22px;border-bottom:1px solid #e7d9c8;overflow-wrap:anywhere}.setup-card{max-width:650px;margin:60px auto;padding:35px;border:1px solid var(--line);border-radius:23px;background:#fffcfa}.setup-card button{margin-top:20px}.setup-card p{font-size:13px}#appFrame{display:block;border:0;width:100%;height:calc(100dvh - 60px);min-height:450px;background:var(--bg)}dialog{width:min(540px,calc(100% - 30px));max-height:85dvh;overflow:auto;background:#fffcfa;color:var(--ink);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 25px 80px #350a1030}dialog::backdrop{background:#350a1060;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-heading h2{font-size:25px}.dialog-heading button{width:32px;min-height:32px;padding:2px;font-size:19px}dialog p{font-size:12px}dialog form>.primary{width:100%;margin-top:20px}.member-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:16px 0;font-size:11px;overflow-wrap:anywhere}.member-row span{min-width:0}.member-row small{margin-top:3px}#memberList{margin-top:20px}.member-row button{font-size:10px;min-height:30px;align-self:center}
@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-art{border-radius:0 0 28px 28px 0;min-height:270px;padding:30px;gap:30px}.login-art h1{font-size:35px;letter-spacing:-1.2px}.login-art p{font-size:12px;margin-top:15px}.login-note{display:none}.brand .logo{width:39px;height:39px;font-size:14px;border-radius:11px}.brand strong{font-size:17px}.login-panel{padding:35px 28px;margin:auto}.login-panel h2{font-size:27px}.cloud-bar{flex-wrap:wrap;padding:10px 12px}.cloud-brand{width:100%;justify-content:space-between}.cloud-brand select{max-width:170px;flex:1}.cloud-actions{width:100%;justify-content:space-between}.cloud-actions button{font-size:10px}.sync-state{font-size:9px;max-width:135px}.setup-card{margin:25px 16px;padding:25px}.setup-card h2{font-size:24px}#appFrame{height:calc(100dvh - 102px)}dialog{padding:24px}.notice{font-size:11px;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

:root{--bg:#f1dfe5;--line:#d8afbd;--soft:#ebcad6}.cloud-bar{background:#350a10;color:#fff;border-color:#55131d}.cloud-brand select{color:#f9e7ed}.cloud-brand select option{background:#55131d;color:#fff}.sync-state{color:#e8bdcb}.sync-state.error{color:#ffb8c9}.cloud-actions button{background:#6e2334;color:#fff;border-color:#8d4153}.cloud-actions button:hover{background:#94384f}.cloud-bar .logo{background:#f4d8e3;color:#55131d}.login-art{background:linear-gradient(140deg,#55131d,#8a2b42);color:#fff}.login-art h1{color:#fbeef2}.login-art .logo{background:#f3d7e2;color:#55131d}.login-panel{background:#f8eaf0;border-radius:25px}.setup-card,dialog{background:#faedf2}