body{margin:0;background:#f4eee4;color:#2a2420;font-family:"Public Sans",system-ui,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:#b85c36}a:hover{color:#2a2420}
input[type=range]{accent-color:#b85c36;width:100%}
::selection{background:#f1d7c8}
:focus-visible{outline:2px solid #b85c36;outline-offset:3px}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

*{box-sizing:border-box}
html{color-scheme:light}
button,input,textarea{touch-action:manipulation}
button:disabled{opacity:.55;cursor:default!important}
.skip-link{position:absolute;left:16px;top:-100px;z-index:40;padding:10px 14px;background:#fff8ef;color:#b85c36;border:1px solid #b85c36}
.skip-link:focus{top:8px}
.app-sidebar{z-index:25}
.app-main{min-width:0}
.demo-notice{padding:10px clamp(20px,3vw,40px);border-bottom:1px solid rgba(42,36,32,.12);font-size:12px;color:#5a514a;background:#fbf7f0;line-height:1.65}
.demo-notice strong{color:#b85c36}
.menu-toggle{display:none;cursor:pointer;font:inherit;border:1px solid rgba(42,36,32,.25);border-radius:999px;background:#fbf7f0;padding:8px 14px;min-height:44px}
.sample-label,.status{margin:0;font-size:13px;color:#5a514a;line-height:1.6}
.sample-label{font-size:12px;color:#7a6f66}
.cue-editor{display:grid;gap:12px;border:1px solid rgba(42,36,32,.15);border-radius:20px;background:#fbf7f0;padding:20px}
.cue-editor label{display:grid;gap:5px;font-size:13px;font-weight:500}
.cue-editor input,.cue-editor textarea,.summary-editor{font:inherit;color:#2a2420;background:#fff;border:1px solid rgba(42,36,32,.25);border-radius:12px;padding:10px 12px;width:100%;min-width:0;resize:vertical}
.summary-editor{line-height:1.65;min-height:260px}
.site-footer{padding:4px clamp(20px,3vw,40px) 30px;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;color:#7a6f66}
.site-footer details{flex-basis:100%;max-width:900px;border-top:1px solid rgba(42,36,32,.12);padding-top:12px}
.site-footer summary{cursor:pointer;color:#5a514a}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){
 .app-shell{display:block!important}
 .app-sidebar{position:relative!important;top:auto!important;height:auto!important;width:100%;padding:12px 20px!important;border-right:0!important;border-bottom:1px solid rgba(42,36,32,.12)}
 .sidebar-brand{padding:0!important;min-height:44px;gap:12px!important}
 .menu-toggle{display:inline-flex;align-items:center;margin-left:auto}
 .nav-list{display:none}
 .nav-list[data-open=true]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}
 .profile-card{display:none}
 .app-header{position:relative!important;flex-wrap:wrap;gap:10px!important;padding-top:16px!important;padding-bottom:16px!important}
 .app-header>div:first-child{flex-basis:100%}
 .split-screen{grid-template-columns:minmax(0,1fr)!important}
 .overview-hero{grid-template-columns:minmax(0,1fr)!important}
 .overview-actions{min-width:0!important}
}
@media(max-width:420px){.person-picker{grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important}.person-picker>span:first-child{width:40px!important;height:40px!important}.person-picker>span:last-child{grid-column:2}.person-heading{align-items:flex-start!important;gap:12px!important}.person-heading>span{width:60px!important;height:60px!important;font-size:26px!important}.person-heading h2{font-size:26px!important}.nav-list[data-open=true]{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.interaction-0:hover{background:#e6dccb!important}
.interaction-1:hover{background:#f1d7c8!important}
.interaction-2:hover{background:rgba(255,243,228,.1)!important}
.interaction-3:hover{border-color:#b85c36!important}
.interaction-4:hover{border-color:#b85c36!important}
.interaction-5:hover{border-color:#b85c36!important;color:#2a2420!important}
.interaction-6:hover{background:#f1d7c8!important}