.my-spans-hero{border:1px solid var(--line);background:var(--deep);color:#fff;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:30px 34px;display:grid}.my-spans-hero .eyebrow{margin-bottom:8px}.my-spans-hero h1{letter-spacing:-.07em;margin:0 0 10px;font-size:clamp(44px,5.8vw,72px);line-height:.9}.my-spans-hero p{color:#c7d9d2;max-width:720px;margin:0;font-size:15px;line-height:1.55}.my-spans-count{aspect-ratio:1;width:108px;color:var(--yellow);text-align:center;border:1px solid #e8e6a0a6;border-radius:50%;place-items:center;display:grid}.my-spans-count strong{font:46px/.8 Georgia,serif}.my-spans-count span{letter-spacing:.09em;text-transform:uppercase;font:8px DM Mono,monospace}.my-spans-controls{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin:18px 0 8px;padding:14px 16px;display:flex}.plan-filter{align-items:end;gap:14px;min-width:0;display:flex}.plan-filter label{color:var(--muted);gap:5px;font-size:11px;display:grid}.plan-filter>span{color:var(--muted);white-space:nowrap;padding-bottom:12px;font-size:11px}.my-spans-controls select,.my-spans-controls button,.plan-more summary,.plan-actions button,.plans-empty a{border:1px solid var(--line);min-height:44px;color:var(--deep);background:#fff;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700}.my-spans-controls select{border-radius:10px;min-width:150px}.plan-control-actions{align-items:center;gap:8px;display:flex}.my-spans-controls .plan-control-primary,.plan-actions .plan-primary{border-color:var(--deep);background:var(--deep);color:#fff}.my-spans-controls button:hover,.plan-more summary:hover,.plan-actions button:hover,.plans-empty a:hover{border-color:var(--teal);background:var(--mint);color:var(--deep)}.plan-more{position:relative}.plan-more summary{cursor:pointer;justify-content:center;align-items:center;gap:5px;list-style:none;display:flex}.plan-more summary::-webkit-details-marker{display:none}.plan-more summary:after{content:"+"}.plan-more[open] summary:after{content:"−"}.plan-more-panel{z-index:4;border:1px solid var(--line);width:210px;box-shadow:var(--shadow);background:#fff;border-radius:14px;gap:7px;padding:10px;display:grid;position:absolute;top:50px;right:0}.plan-more-panel button{text-align:left;width:100%}.my-spans-note{color:var(--muted);margin:0 2px 18px;font-size:11px;line-height:1.55}.plan-group{margin-top:22px}.plan-group-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:9px;display:flex}.plan-group-head h2{letter-spacing:-.035em;margin:0;font-size:24px}.plan-group-head span{background:var(--mint);min-width:30px;height:30px;color:var(--teal);border-radius:50%;place-items:center;font:10px DM Mono,monospace;display:grid}.plan-cards{gap:10px;margin-top:10px;display:grid}.plan-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.plan-card.is-overdue{border-left:4px solid var(--coral)}.plan-card.is-completed{background:#fbfcfa}.plan-card-top{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;display:grid}.plan-card .eyebrow{margin-bottom:6px}.plan-card h3{letter-spacing:-.035em;margin:0;font-size:20px}.plan-card-top>time{color:var(--teal);text-align:right;font-size:15px;font-weight:700}.plan-origin{color:var(--muted);margin:8px 0 0;font-size:11px}.plan-origin a{color:var(--teal);text-underline-offset:2px;text-decoration:underline}.plan-details{margin:12px 0 10px}.plan-details summary{width:max-content;color:var(--muted);cursor:pointer;font-size:11px;font-weight:700}.plan-meta{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.plan-meta span{background:var(--paper);color:var(--muted);text-transform:uppercase;border-radius:999px;padding:6px 9px;font:9px DM Mono,monospace}.plan-meta .is-warning{color:#8a4d0f;background:#fff2d5}.plan-actions{flex-wrap:wrap;gap:7px;display:flex}.plan-actions button{min-height:44px}.plan-delete{color:#8a2735!important}.plans-empty{border:1px dashed var(--line);background:#fff;border-radius:16px;justify-items:start;gap:9px;margin-top:22px;padding:30px;display:grid}.plans-empty p{max-width:620px;color:var(--muted);margin:0;line-height:1.55}.plans-empty a{place-items:center;margin-top:4px;display:inline-grid}.my-spans .action-status{z-index:5;background:var(--deep);color:#fff;text-align:center;border-radius:999px;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 28px);margin:18px auto 0;padding:10px 12px 10px 15px;display:flex;position:sticky;bottom:12px;box-shadow:0 8px 30px #183b3533}.my-spans .action-status[data-error=true]{background:#7b3040}.my-spans .action-status button{color:#fff;background:0 0;border:1px solid #ffffff73;border-radius:999px;min-height:32px;padding:5px 11px;font-size:11px;font-weight:700}@media (width<=760px){.my-spans-hero{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:22px 18px}.my-spans-hero h1{font-size:44px}.my-spans-hero p{font-size:13px}.my-spans-count{width:78px}.my-spans-count strong{font-size:34px}.my-spans-count span{font-size:7px}.my-spans-controls{flex-direction:column;align-items:stretch;padding:13px}.plan-filter{align-items:stretch}.plan-filter label{flex:1}.plan-filter>span{white-space:normal;align-self:end;padding:0 0 11px;font-size:10px}.my-spans-controls select{width:100%;min-height:48px;font-size:16px}.plan-control-actions{grid-template-columns:minmax(0,1fr) auto;display:grid}.my-spans-controls button,.plan-more summary{min-height:48px}.plan-more-panel{position:absolute;top:54px;right:0}.plan-card{padding:16px}.plan-card-top{grid-template-columns:1fr;gap:7px}.plan-card-top>time{text-align:left}.plan-actions{grid-template-columns:1fr 1fr;display:grid}.plan-actions button{min-height:48px}.plan-actions button:last-child:nth-child(odd){grid-column:1/-1}.plans-empty{padding:24px 18px}.my-spans .action-status{bottom:8px}}