.subroute-v28{margin:0 0 1rem;padding:clamp(1rem,3vw,1.4rem);border-radius:22px;background:#fff;border:1px solid color-mix(in srgb,var(--v27-structure) 11%,transparent);box-shadow:0 14px 34px color-mix(in srgb,var(--v27-structure) 9%,transparent)}
.subroute-v28[hidden]{display:none}.subroute-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.subroute-head small{display:block;color:var(--v27-brand);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.subroute-head h2{margin:.2rem 0 0;font-size:clamp(1.25rem,4vw,1.8rem)}.subroute-state{flex:0 0 auto;border-radius:999px;background:var(--v27-soft);color:var(--v27-structure);padding:.4rem .65rem;font-size:.68rem;font-weight:700}.subroute-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(210px,.75fr);gap:.8rem}.subroute-card{border-radius:17px;background:var(--v27-app-bg);padding:1rem}.subroute-card h3{margin:0 0 .45rem;font-size:1rem}.subroute-card p{margin:.35rem 0;color:#53617b;line-height:1.5}.subroute-form{display:grid;gap:.65rem}.subroute-form label{display:grid;gap:.3rem;font-size:.72rem;font-weight:700;color:var(--v27-structure)}.subroute-form input,.subroute-form select,.subroute-form textarea{width:100%;min-height:44px;border:1px solid color-mix(in srgb,var(--v27-structure) 18%,transparent);border-radius:12px;background:#fff;color:var(--v27-structure);padding:.7rem;font:inherit}.subroute-actions{display:flex;flex-wrap:wrap;gap:.5rem}.subroute-actions button,.subroute-actions a{min-height:44px;border:0;border-radius:12px;background:var(--v27-brand);color:#fff;padding:.65rem .85rem;font:700 .72rem Poppins,sans-serif;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.subroute-actions .secondary{background:var(--v27-soft);color:var(--v27-structure);border:1px solid color-mix(in srgb,var(--v27-structure) 16%,transparent)}.subroute-list{display:grid;gap:.5rem;margin-top:.65rem}.subroute-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:#fff;border-radius:12px;padding:.65rem .75rem;color:var(--v27-structure);font-size:.72rem}.subroute-item b{font-size:.75rem}.subroute-empty{padding:.8rem;border:1px dashed color-mix(in srgb,var(--v27-structure) 24%,transparent);border-radius:12px;color:#66758c;font-size:.72rem}.mood-row,.card-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}.mood-row button,.card-row button{min-height:52px;border:1px solid color-mix(in srgb,var(--v27-structure) 16%,transparent);border-radius:12px;background:#fff;color:var(--v27-structure);font:700 .75rem Poppins;cursor:pointer}.mood-row button.active,.card-row button.active{background:var(--v27-brand);color:#fff;border-color:var(--v27-brand)}.subroute-note{min-height:1.2rem;color:#23765b!important;font-weight:700;font-size:.7rem}.subroute-v28+.hero{margin-top:.2rem}
@media(max-width:760px){.subroute-v28{border-radius:18px;padding:.9rem}.subroute-head{align-items:center}.subroute-grid{grid-template-columns:1fr}.subroute-state{font-size:.58rem}.mood-row button,.card-row button{min-height:48px;padding:.25rem}.subroute-actions>*{flex:1 1 9rem}}
@media(max-width:390px){.subroute-head{gap:.45rem}.subroute-head h2{font-size:1.15rem}.subroute-state{max-width:92px;text-align:center}.mood-row,.card-row{gap:.25rem}}