.stories{padding-top:4rem;padding-bottom:6rem;max-width:880px}.st-hero{margin-bottom:2rem}.st-hero h1{font-size:2.75rem;font-weight:800;letter-spacing:-1.5px;margin-bottom:.75rem}.st-sub{font-size:1.075rem;color:var(--text-secondary);line-height:1.7;max-width:660px}.st-composer{margin:2rem 0 2.5rem;padding:1.25rem;background:var(--surface-1);border:1px dashed var(--border-hover);border-radius:var(--radius);display:flex;flex-direction:column;gap:.75rem}.st-comp-row{display:grid;grid-template-columns:1fr 200px;gap:.6rem}.st-comp-title,.st-comp-tags,.st-comp-when,.st-comp-body,.st-comp-era{font-family:var(--font-sans);font-size:.95rem;padding:.6rem .8rem;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);width:100%}.st-comp-body{font-family:var(--font-mono);font-size:.88rem;line-height:1.55;resize:vertical;min-height:6rem}.st-comp-title:focus,.st-comp-tags:focus,.st-comp-when:focus,.st-comp-body:focus,.st-comp-era:focus{outline:1px solid var(--accent-text);border-color:var(--accent-text)}.st-comp-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.st-comp-spacer{flex:1}.st-vis-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer;user-select:none}.st-vis-toggle input{accent-color:var(--accent-text)}.st-comp-save,.st-comp-cancel{font-family:var(--font-sans);font-size:.85rem;font-weight:600;padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-hover);background:var(--surface-2);color:var(--text-primary);cursor:pointer;transition:background .12s ease,border-color .12s ease}.st-comp-save{background:var(--accent-text);color:#0a0a0f;border-color:var(--accent-text)}.st-comp-save:hover{opacity:.9}.st-comp-cancel:hover{border-color:var(--text-secondary)}.st-comp-status{font-size:.78rem;color:var(--text-tertiary);min-height:1em}.st-comp-status.is-err{color:#ef4444}.st-comp-status.is-ok{color:#4ade80}.st-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.st-chip{--c: var(--text-secondary);--soft: var(--surface-1);display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;font-family:var(--font-mono);font-size:.74rem;font-weight:600;color:var(--text-secondary);background:var(--soft);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.st-chip:hover{border-color:var(--c);color:var(--text-primary)}.st-chip.is-active{border-color:var(--c);color:var(--text-primary);background:color-mix(in srgb,var(--soft) 60%,var(--surface-2) 40%)}.st-chip-dot{width:7px;height:7px;border-radius:50%;background:var(--c)}.st-chip-count{font-size:.66rem;color:var(--text-tertiary);background:var(--surface-2);padding:.05rem .4rem;border-radius:999px}.st-list{display:flex;flex-direction:column;gap:.85rem}.st-empty{padding:2rem;text-align:center;color:var(--text-tertiary);font-style:italic;border:1px dashed var(--border);border-radius:var(--radius)}.st-card{--c: var(--text-secondary);--soft: var(--surface-1);position:relative;padding:1.25rem 1.5rem;background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--c);border-radius:var(--radius);transition:border-color .15s ease,background .15s ease}.st-card:hover{border-color:var(--border-hover);border-left-color:var(--c)}.st-card.is-private{border-style:dashed}.st-card.is-pinned:before{content:"★";position:absolute;top:.55rem;right:.7rem;font-size:.85rem;color:#fbbf24}.st-card-head{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin-bottom:.6rem}.st-card-era{display:inline-block;font-family:var(--font-mono);font-size:.66rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;background:var(--soft);color:var(--c);border:1px solid var(--c)}.st-card-when{font-family:var(--font-mono);font-size:.72rem;color:var(--text-tertiary)}.st-card-title{font-size:1.15rem;font-weight:700;letter-spacing:-.3px;color:var(--text-primary);margin:.3rem 0 .6rem}.st-card-body{font-size:.94rem;color:var(--text-primary);line-height:1.72}.st-card-body p{margin:0 0 .7rem}.st-card-body p:last-child{margin-bottom:0}.st-card-body strong{color:var(--text-primary);font-weight:700}.st-card-body em{color:var(--text-secondary)}.st-card-foot{display:flex;align-items:center;gap:.65rem;margin-top:.85rem;flex-wrap:wrap}.st-card-tags{display:flex;flex-wrap:wrap;gap:.3rem}.st-card-tag{font-family:var(--font-mono);font-size:.66rem;color:var(--text-secondary);background:var(--surface-2);padding:.12rem .45rem;border-radius:3px}.st-card-meta{margin-left:auto;font-family:var(--font-mono);font-size:.7rem;color:var(--text-tertiary)}.st-card-vis{font-family:var(--font-mono);font-size:.66rem;font-weight:600;padding:.12rem .45rem;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.st-card-vis.is-private{color:#fb7185;background:#fb718514;border:1px solid rgba(251,113,133,.2)}.st-card-vis.is-public{color:#4ade80;background:#4ade8014;border:1px solid rgba(74,222,128,.2)}.st-card-actions{display:flex;gap:.3rem;margin-top:.85rem}.st-card-actions button{font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:.3rem .7rem;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:background .12s ease,color .12s ease}.st-card-actions button:hover{color:var(--text-primary);background:var(--surface-1)}.st-card-actions .st-act-delete:hover{color:#fb7185;border-color:#fb7185}@media(max-width:700px){.stories{padding-top:2.5rem}.st-hero h1{font-size:2rem;letter-spacing:-1px}.st-sub{font-size:1rem}.st-comp-row{grid-template-columns:1fr}.st-comp-actions{gap:.5rem}.st-card{padding:1rem 1.1rem}}