.cn-page{max-width:1200px;margin:0 auto}.cn-heading,.cn-toolbar,.cn-event-top,.cn-actions,.cn-subscription,.cn-pager,.cn-site-control{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.cn-heading{margin-bottom:20px}.cn-heading h1{margin:0 0 6px}.cn-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.cn-tabs a,.cn-tabs button{border-radius:9px}.cn-toolbar{padding:14px 0}.cn-toolbar .cn-tabs{margin:0}.cn-count{font-size:.875rem;color:#536579}.cn-feed{display:grid;gap:12px}.cn-event{padding:20px 22px;background:#fff;border:1px solid #dce5eb;border-radius:16px;box-shadow:0 3px 12px #1f364909}.cn-event.is-unread{border-left:4px solid #237b72}.cn-event-top time{font-size:.8rem;color:#617080}.cn-actor{color:#536579;font-size:.84rem;margin:8px 0}.cn-context{display:block;text-decoration:none;line-height:1.5;margin:4px 0;font-weight:500}.cn-changes{margin:14px 0;padding:12px 16px;border-radius:10px;background:#f4f7f9;display:grid;gap:10px}.cn-changes>div{display:grid;grid-template-columns:minmax(100px,160px) 1fr;gap:12px}.cn-changes dt{font-weight:600;color:#536579;font-size:.85rem}.cn-changes dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem}.cn-actions{justify-content:flex-start;margin-top:12px}.cn-empty{padding:36px;background:#fff;border:1px dashed #c9d9e0;border-radius:16px;color:#536579}.cn-empty h2{font-size:1.2rem;color:#243c4c}.cn-subscription-panel{margin-top:24px;padding:22px}.cn-subscription-panel h2{font-size:1.1rem}.cn-subscriptions{display:grid;gap:0}.cn-subscription{padding:14px 0;border-top:1px solid #edf1f4}.cn-subscription small{color:#617080}.cn-pager{justify-content:flex-end;margin:14px 0}.cn-create .cn-tabs{margin-top:0}.cn-selected{padding:14px 16px;border-radius:10px;background:#edf6f3;margin-bottom:14px;min-height:58px}.cn-selected small,.cn-selected strong,.cn-selected span{display:block}.cn-selected small{color:#54746e;margin-bottom:3px}.cn-selected span{font-size:.84rem;color:#617080}.cn-search{display:flex;gap:8px;margin-bottom:12px}.cn-choices{display:grid;gap:8px;max-height:240px;overflow-y:auto;padding:2px}.cn-choice{display:block;width:100%;text-align:left;padding:12px!important;border:1px solid #dce5eb!important;background:#fff!important;color:#213b4a!important;border-radius:9px!important}.cn-choice strong,.cn-choice span{display:block}.cn-choice span{font-size:.8rem;color:#617080;margin-top:3px}.cn-choice.is-selected{border-color:#237b72!important;background:#edf6f3!important;box-shadow:0 0 0 1px #237b72}.cn-info{padding:14px 16px;border-radius:10px;background:#f3f6fa;color:#536579;font-size:.88rem}.cn-timed{display:grid;gap:12px;margin-top:16px}.cn-timed[hidden],.cn-info[hidden]{display:none}.cn-site-control{padding:16px 18px;background:#f7fafb;border:1px solid #dce5eb;border-radius:14px;margin:18px 0}.cn-site-control>.cn-actions{margin:0}.cn-site-control .form-text{display:block;margin:5px 0 0}.cn-header-link{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dce5eb;border-radius:10px;text-decoration:none;color:#234456;white-space:nowrap}.cn-badge{min-width:20px;padding:1px 5px;text-align:center;border-radius:20px;background:#237b72;color:white;font-size:.75rem}.cn-badge[hidden]{display:none}.cn-message:empty{display:none}@media(max-width:640px){.cn-heading{align-items:flex-start}.cn-heading>button{width:100%}.cn-toolbar{align-items:flex-start}.cn-event{padding:16px}.cn-event-top{align-items:flex-start}.cn-event-top strong{flex-basis:100%}.cn-changes>div{grid-template-columns:1fr;gap:3px}.cn-site-control{padding:14px}.cn-site-control>.cn-actions{width:100%}.cn-site-control button{flex:1 1 160px}.cn-subscription{align-items:flex-start}.cn-subscription>div{flex-basis:100%}.cn-header-link{padding:8px}.cn-search input{min-width:0}}