:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#302e3c;background:#f7f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:520px;margin:auto;padding:32px 22px max(24px,env(safe-area-inset-bottom))}header{padding:0 2px 25px}.brand{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:36px}.sun{font-size:25px;color:#a56632}.eyebrow{font-size:12px;color:#756b61}h1{font-family:Georgia,serif;font-size:49px;letter-spacing:-2px;line-height:1.1;margin:10px 0 13px;font-weight:normal}header p{font-size:15px;line-height:1.65;margin:0;color:#766f69}.identity{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:14px}.switch{display:flex;gap:4px;background:#eae5df;padding:4px;border-radius:15px}button{font:inherit;cursor:pointer;border:0;min-height:46px;border-radius:12px;font-weight:650;color:inherit;touch-action:manipulation}.switch button{padding:0 25px;background:none;min-height:40px}.switch button[aria-pressed=true]{background:#fff;box-shadow:0 2px 5px #302e3c0d}.card,.panel{border:1px solid #e4dfd8;background:#fffdfb;border-radius:24px;margin-bottom:16px;padding:23px}.card.own{border-color:#c8bbdf}.card-head{display:flex;align-items:center;gap:13px}.avatar{display:grid;place-items:center;width:44px;height:44px;background:#ece6f5;color:#675081;border-radius:50%;font-family:Georgia,serif;font-size:23px}h2{margin:0;font-size:21px}.you{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#817288;margin-left:auto}.status{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:650;margin:22px 0 8px}.dot{width:10px;height:10px;border-radius:50%;background:#9592a8}.awake .dot{background:#648873}.status-note{font-size:13px;color:#77717a;margin:0 0 20px}.primary{background:#685180;color:white;width:100%;padding:13px 10px}.awake .primary{background:#eee9f3;color:#604a76}.quiet-area{border-top:1px solid #eee8e1;margin-top:22px;padding-top:20px}.quiet-label{font-size:14px;margin:0 0 12px}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.options button{font-size:12px;background:#f1ede7;padding:8px 4px}.options .manual{grid-column:1/-1}.quiet-tag{background:#f7ecd9;color:#855f28;padding:11px 13px;border-radius:12px;font-size:13px;line-height:1.5;margin-top:16px}.cancel{width:100%;background:#f1ede7;margin-top:10px;font-size:13px}.connection{text-align:center;font-size:11px;color:#77717a;margin:23px 0}footer{display:flex;gap:12px;justify-content:center;color:#837b73;padding-top:10px}footer>span{font-size:24px}footer p{font-size:11px;line-height:1.8;margin:0}footer small{font-size:10px;color:#8c847d}label{display:block;font-size:13px;margin:20px 0 8px}input{width:100%;min-height:48px;border:1px solid #c8bbdf;border-radius:12px;padding:12px;font:inherit;margin-bottom:12px}.panel p{font-size:14px;line-height:1.5}#error{background:#f7e0da;border-radius:12px;padding:14px;color:#833d2b;font-size:14px}button:focus-visible,input:focus-visible{outline:3px solid #a784ca;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}@media(min-width:650px){main{padding-top:54px}header{padding-bottom:32px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,opacity .15s}}