.st-main{--st-accent:#b5adff;padding-top:2rem;padding-bottom:3rem;max-width:1240px}.st-back{font-size:.9rem}.st-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:3rem;align-items:center;margin:2.3rem 0 2.8rem}.st-kicker{letter-spacing:.18em;color:var(--st-accent);font-size:.78rem;font-weight:700}.st-heading h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.08;margin:.6rem 0 1rem}.st-heading .lead{max-width:580px}.st-card{background:var(--c-bg-soft);color:var(--c-text);border:1px solid var(--c-border,#343441);border-radius:18px;padding:1.4rem}.st-card h2{font-size:1.2rem;margin:0 0 .8rem}.st-pair p{font-size:.92rem;color:var(--c-text-soft,#c4c4cc)}.st-main label{display:block;font-size:.85rem;font-weight:600;margin:.9rem 0 .4rem}.st-main input,.st-main select{width:100%;min-width:0;min-height:44px;background:var(--c-bg,#101117);color:var(--c-text,#f1f1f6);border:1px solid var(--c-border,#444452);border-radius:9px;padding:.65rem .8rem;font:inherit}.st-main input:focus,.st-main select:focus,.st-main button:focus-visible{outline:2px solid var(--st-accent);outline-offset:3px}.st-pair-row{display:flex;gap:.6rem}.st-pair-row input{letter-spacing:.22em;font-size:1.25rem}.st-main button{cursor:pointer;min-height:44px}.st-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:1.5rem;align-items:start}.st-library{position:sticky;top:90px}.st-section-head{display:flex;gap:.8rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.st-section-head span,.st-main small{font-size:.78rem;color:var(--c-text-soft,#a5a5b1)}.st-stretch-list{max-height:600px;overflow:auto;margin-top:1rem;padding-right:.2rem}.st-stretch{display:grid;grid-template-columns:52px minmax(0,1fr) 40px;gap:.65rem;align-items:center;border-top:1px solid var(--c-border,#343441);padding:.7rem 0}.st-stretch img{width:52px;height:52px;object-fit:contain}.st-stretch strong{display:block;font-size:.9rem}.st-stretch small{display:block}.st-add,.st-icon{background:transparent;color:var(--st-accent);border:1px solid var(--c-border,#444452);border-radius:8px;padding:.3rem .5rem}.st-toolbar{margin-bottom:1rem}.st-toolbar label{margin-top:0}.st-toolbar-row{display:flex;gap:.6rem}.st-summary{margin:1.2rem 0;padding:1rem;border-radius:12px;background:rgba(145,128,255,.09)}.st-summary>strong{font-size:2rem;color:var(--st-accent);display:inline-block;margin-right:1rem}.st-summary p{font-size:.86rem;margin:.4rem 0 0;color:var(--c-text-soft,#c4c4cc)}.st-routine-items{padding:0;list-style:none}.st-item{padding:1rem 0;border-top:1px solid var(--c-border,#343441)}.st-item-top{display:flex;justify-content:space-between;gap:.75rem}.st-item-name{font-weight:600;overflow-wrap:anywhere}.st-item-controls{display:flex;gap:.3rem;flex-shrink:0}.st-duration-row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.st-duration-row label{margin:0}.st-duration-row input{max-width:100px}.st-item p{font-size:.82rem;color:var(--c-text-soft,#a5a5b1);margin:.5rem 0}.st-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.3rem}.st-data{margin-top:1rem}.st-data summary{cursor:pointer}.st-data p{font-size:.87rem}.st-data button{margin:.4rem}.st-message{padding:1rem;border:1px solid var(--st-accent);border-radius:10px;margin:1rem 0}.st-message--error{border-color:var(--c-danger-text);color:var(--c-danger-text)}.st-message--success{border-color:var(--c-success-text)}.st-empty{padding:2rem .5rem;text-align:center;color:var(--c-text-soft,#a5a5b1)}.st-footer{margin-top:2rem;font-size:.85rem;color:var(--c-text-soft,#a5a5b1)}#watch-list button{margin:.35rem .4rem 0 0}.st-main button:disabled{opacity:.45;cursor:not-allowed}.st-editor{min-width:0}#save-help{font-size:.85rem}
@media(max-width:820px){.st-heading{grid-template-columns:1fr;gap:1.2rem;margin-top:1.5rem}.st-workspace{grid-template-columns:1fr}.st-library{position:static}.st-stretch-list{max-height:330px}.st-main{padding-top:1.3rem}.st-card{padding:1.1rem}.st-item-top{align-items:flex-start}}@media(max-width:420px){.st-item-top{display:block}.st-item-controls{margin:.5rem 0}.st-pair-row{flex-wrap:wrap}.st-pair-row input{flex:1 1 140px}.st-heading h1{font-size:2.7rem}.st-toolbar-row{flex-wrap:wrap}.st-toolbar-row select{flex:1 1 160px}}

/* Match the shared site palette instead of mixing dark cards with light text tokens. */
.st-main .text-dim{color:var(--c-text-soft)}
@media(prefers-color-scheme:light){.st-main{--st-accent:var(--c-purple)}}

.st-custom-panel{margin:1.2rem 0 1.5rem}.st-custom-panel>summary{font-weight:650;cursor:pointer;min-height:44px;padding:.4rem 0}.st-custom-panel>summary span{font-weight:400;color:var(--c-text-soft);margin-left:.8rem}.st-custom-panel p{font-size:.88rem;color:var(--c-text-soft)}.st-custom-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:2rem}.st-custom-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.st-main .st-check{display:flex;align-items:center;gap:.7rem;margin:1.1rem 0}.st-main .st-check input{width:20px;height:20px;min-height:20px;flex:0 0 20px}.st-custom-preview{text-align:center;align-self:center}.st-custom-preview img{border-radius:12px;background:var(--c-bg);padding:.3rem;width:160px;height:210px;object-fit:contain}.st-own-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-top:1px solid var(--c-border);padding:.8rem 0}.st-own-row small{display:block;margin-top:.3rem}.st-own-list{margin-top:1rem}.st-own-row strong{overflow-wrap:anywhere}@media(max-width:600px){.st-custom-layout{grid-template-columns:1fr;gap:.5rem}.st-custom-preview{grid-row:1}.st-custom-fields{grid-template-columns:1fr}.st-own-row{align-items:flex-start;flex-wrap:wrap}}

.st-custom-panel>summary span{display:inline-block;white-space:nowrap}