:root{font-family:system-ui,sans-serif;color:#eef2f6;background:#091523;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% 15%,#293c59,transparent 60%),radial-gradient(ellipse at 85% 80%,#4a3348,transparent 55%),#091523}main{max-width:950px;padding:45px 24px;margin:auto}header{text-align:center;margin-bottom:35px}.star{font-size:44px;color:#f3d6a6}.eyebrow{letter-spacing:.2em;font-size:11px;color:#cfb589}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,6vw,62px);margin:16px 0}.subtitle,footer{color:#b8c7d8}h2{font-family:Georgia,serif;font-weight:400;font-size:28px;margin-top:0}.panel{background:#0d1e30d9;border:1px solid #e3c89644;border-radius:22px;padding:30px;margin:18px 0;box-shadow:0 20px 70px #0002}.signin{max-width:430px;margin:auto}label{display:block;font-size:13px;color:#c6d1dc;margin:20px 0 8px}input{width:100%;border:1px solid #b6c9df50;background:#081521;padding:14px;border-radius:11px;font:inherit;color:#fff}button,.button{border:1px solid #dec39588;border-radius:12px;background:#e9cca0;color:#112237;padding:14px 20px;font:inherit;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:wait}.wide{width:100%;margin-top:22px}.secondary{background:transparent;color:#e7d2ae}.danger{border-color:#eeaeac80;color:#f1b7af;background:#612d3022}.row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.muted,.hint{color:#b5c5d6;font-size:13px;line-height:1.7}#status{max-width:750px;margin:15px auto;text-align:center;color:#f4c99c;line-height:1.6}.account{border-top:1px solid #cadaed22;padding:17px 0}.account strong{display:block}.account small{color:#b7c6d6}.invite-output{margin-top:18px;padding:16px;background:#182c40;border-radius:12px;overflow-wrap:anywhere}.invite-output input{margin:8px 0;font-size:12px}footer{text-align:center;font-size:12px;line-height:1.6;margin:32px 0}a{color:#e9cca0}:focus-visible{outline:3px solid #efca83;outline-offset:3px}@media(max-width:600px){main{padding:24px 16px}.panel{padding:22px}h2{font-size:25px}}

summary{cursor:pointer;color:#e9cca0;padding:18px 0}details{border-top:1px solid #cadaed22;margin-top:22px}details form{padding-bottom:20px}
dialog{color:#eef2f6;background:#102235;border:1px solid #dec39588;border-radius:20px;padding:28px;max-width:min(520px,90vw)}dialog::backdrop{background:#020912bb;backdrop-filter:blur(5px)}dialog p{line-height:1.7}.account>.danger{margin-left:12px}.history-text{white-space:pre-wrap}#history-detail{margin-top:32px;overflow-wrap:anywhere}#history-detail li{margin:8px 0}
.archive-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.archive-cards article{padding:14px;background:#152b40;border-radius:12px;max-width:300px}.archive-cards img{width:100%;max-height:230px;object-fit:contain;margin-top:12px}.archive-cards p{font-size:13px;line-height:1.6}
@media(max-width:600px){
 main{padding:20px 12px max(24px,env(safe-area-inset-bottom))}.panel{padding:20px 16px}
 h1{font-size:36px;overflow-wrap:anywhere}h2{font-size:26px;overflow-wrap:anywhere}
 input{font-size:16px!important;min-width:0}button,.button{min-height:44px;touch-action:manipulation}
 .row>*{min-width:0;max-width:100%}.account strong,.account small{overflow-wrap:anywhere}
 .account .button,.account button{margin:8px 4px 0 0}.account>.danger{margin-left:0}
 dialog{width:calc(100% - 24px);max-width:none;max-height:calc(100dvh - 32px);overflow:auto;padding:22px 18px;margin:auto}
 dialog .row{gap:8px}dialog .row button{flex:1 1 auto}
 .archive-cards{grid-template-columns:minmax(0,1fr)}.archive-cards article{max-width:none}
}

.meeting-clock{margin:20px auto 12px;padding:18px 20px;border:1px solid #d4b77f77;border-radius:18px;background:#102030;color:#f3e0c3;max-width:1200px;box-sizing:border-box}.meeting-clock[hidden]{display:none}.meeting-clock-heading,.meeting-clock-times,.meeting-clock-actions{display:flex;gap:12px 24px;justify-content:space-between;align-items:center;flex-wrap:wrap}.meeting-clock-heading{font-size:14px}.meeting-clock-status{font-size:12px;color:#b6c6d6}.meeting-clock-times{margin-top:12px;font-size:20px;font-variant-numeric:tabular-nums}.meeting-elapsed{margin-left:8px}.meeting-clock-note,.meeting-clock-legacy{font-size:13px;line-height:1.5;margin:12px 0 0}.meeting-clock-legacy{color:#b6c6d6}.meeting-clock-legacy:empty{display:none}.meeting-clock-actions{justify-content:flex-start;margin-top:14px}.meeting-clock-actions button{font-size:13px}.meeting-clock-near{border-color:#efcb81;background:#25303b}@media(max-width:600px){.meeting-clock{padding:14px;margin:16px 8px}.meeting-clock-times{font-size:17px;gap:8px}.meeting-clock-actions button{white-space:normal}}

.color-reflection{margin-top:20px;border:1px solid #d9bc8555;border-radius:14px;background:#101e2bcc;text-align:left;max-width:100%;overflow-wrap:anywhere;color:#eee4d5}
.color-reflection summary{padding:14px 16px;min-height:48px;box-sizing:border-box;cursor:pointer;color:#ead0a0;font:inherit;line-height:1.5}
.color-reflection summary:focus-visible{outline:2px solid #ead0a0;outline-offset:3px;border-radius:12px}
.color-reflection-body{padding:0 16px 16px;line-height:1.65}
.color-reflection-body h4{font-size:1.1rem;line-height:1.5;margin:16px 0 10px;color:#ead0a0}
.color-reflection-body p{font-size:1rem;line-height:1.65;margin:12px 0}
.color-reflection-body .color-reflection-note{font-size:.88rem;color:#bac5cd}