/* A short, human-readable list; existing theme tokens, native controls only. */
.my-list-page{padding-block:32px 64px}
.my-list-page>.crumbs{max-width:960px;margin:0 auto 16px}
.my-list{max-width:960px;margin-inline:auto;display:grid;gap:24px;min-width:0}
.my-list :is(h1,h2,h3,h4){text-wrap:balance;letter-spacing:normal}
.my-list p{text-wrap:pretty;overflow-wrap:anywhere;max-width:none}
.my-list :is(a,button,summary,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
body.v7[data-ui="aurora"] .my-list :is(button,summary,.btn,.my-list__text-action){min-height:44px}
.my-list :is(.btn,.my-list__tag){transition:none!important;transform:none!important;box-shadow:none!important}
.my-list__hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:4px 0 22px;border-bottom:1px solid var(--line)}
.my-list__eyebrow{font-size:12px;color:var(--accent);margin:0 0 12px!important}
body.v7 .my-list__hero h1{font-size:clamp(32px,4vw,44px);line-height:1.25;font-weight:600;margin:0}
.my-list__intro{font-size:15px;color:var(--ink-2);margin-top:14px!important;line-height:1.7}
.my-list__summary{display:flex;align-items:baseline;gap:8px;color:var(--ink-3);font-size:13px;margin-top:20px!important;flex-wrap:wrap}
.my-list__summary strong{font-size:18px;font-weight:550;color:var(--ink);font-variant-numeric:tabular-nums}
.my-list__hero-actions{display:flex;gap:10px;align-items:start;flex:none}
.my-list__feedback{font-size:13px;line-height:1.7;color:var(--accent)}
.my-list__feedback:empty{display:none}
.my-list__feedback:not(:empty){padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--accent-soft)}
.my-list__section{background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;padding:20px;min-width:0}
.my-list__section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}
.my-list__section-head :is(h2,h3){font-size:18px;font-weight:550;line-height:1.4;margin:0}
.my-list__count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-3);white-space:nowrap}
.my-list__rows{list-style:none;margin:0;padding:0}
.my-list__row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start;min-width:0}
.my-list__row:last-child{border-bottom:0;padding-bottom:8px}
.my-list__item-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:15px}
.my-list__item-body{min-width:0;display:grid;gap:7px;justify-items:start}
.my-list__item-body :is(h3,h4){font-size:17px;font-weight:550;line-height:1.5;overflow-wrap:anywhere;margin:0}
.my-list__meta{font-size:13px;color:var(--ink-3);line-height:1.6;margin:0!important}
.my-list__tags{display:flex;gap:6px;flex-wrap:wrap}
.my-list__item-foot{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;width:100%}
.my-list__item-foot>.my-list__adjust{width:auto}
.my-list__item-foot>.my-list__adjust[open]{width:100%}
.my-list__tag{display:inline-flex;align-items:center;padding:6px 9px;min-height:32px;font-size:12px;color:var(--ink-2)!important;text-decoration:none;border:1px solid var(--line);border-radius:6px;line-height:1.5}
.my-list__tag:hover{color:var(--accent)!important;border-color:var(--accent)}
.my-list__remove,.my-list__clear,.my-list__text-action{border:0;background:none;font:inherit;font-size:13px;color:var(--ink-3);cursor:pointer;padding:8px;display:inline-flex;align-items:center;text-decoration:none;border-radius:6px;line-height:1.6}
.my-list__remove:hover,.my-list__clear:hover{color:var(--danger);background:var(--danger-bg)}
.my-list__text-action{color:var(--accent);padding-inline:0;gap:6px}
.my-list__text-action:hover{text-decoration:underline;text-underline-offset:4px}
.my-list__adjust{width:100%;font-size:12px;color:var(--ink-3)}
.my-list__adjust>summary{cursor:pointer;display:list-item;list-style:disclosure-closed;line-height:1.8;padding-block:12px}
.my-list__adjust[open]>summary{list-style:disclosure-open}
.my-list__use{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:4px 12px;border-top:1px solid var(--line);background:var(--bg)}
.my-list__use>span{flex:1;min-width:90px;color:var(--ink-2)}
.my-list__continue{margin-top:16px;padding-inline:4px}
.my-list__section-note{font-size:13px;color:var(--ink-3);line-height:1.8;margin:8px 0 0!important}
.my-list__dealers{background:transparent}
.my-list__empty{padding:48px 24px 56px;display:grid;justify-items:center;text-align:center;border:1px solid var(--line);border-radius:14px;background:var(--bg-elev);gap:14px}
.my-list__empty-icon{width:60px;height:60px;border:1px solid var(--line-strong);border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:24px;margin-bottom:8px}
.my-list__empty h2,.my-list__empty h3{font-size:22px;font-weight:550;margin:0}
.my-list__empty p{max-width:34ch;font-size:14px;color:var(--ink-3);line-height:1.8;margin:0}
.my-list__small-empty{display:flex;align-items:center;justify-content:space-between;padding:20px;border:1px solid var(--line);border-radius:14px}
.my-list__small-empty h2{font-size:16px;font-weight:550}
.my-list__reference{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.my-list__reference>summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:20px 24px;cursor:pointer;font-size:14px;list-style:none;min-height:64px}
.my-list__reference>summary::-webkit-details-marker{display:none}
.my-list__reference>summary>span{color:var(--ink-3)}
.my-list__reference>summary>strong{font-weight:500}
.my-list__reference>summary::after{content:'＋';margin-left:auto;color:var(--ink-3)}
.my-list__reference[open]>summary::after{content:'−'}
.my-list__reference[open]>summary{border-bottom:1px solid var(--line)}
.my-list__reference-body{padding:0 24px 24px}
.my-list__reference-body>.my-list__section-note{margin-block:16px!important}
.my-list__step{padding-block:6px;border-top:1px solid var(--line)}
.my-list__step>summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding-block:12px}
.my-list__step>summary strong{flex:1;font-size:14px;font-weight:500}
.my-list__step-num{font-size:11px;font-variant-numeric:tabular-nums;color:var(--ink-3)}
.my-list__reference-items{list-style:none;margin:0;padding:0}
.my-list__reference-items>li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0 12px 24px;border-top:1px solid var(--line)}
.my-list__reference-items>li>div{min-width:0;display:grid;gap:4px}
.my-list__reference-items strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}
.my-list__reference-items a{flex:none}
.my-list__export-details{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-size:13px}
.my-list__export-details summary{cursor:pointer;line-height:1.8;padding-block:12px}
.my-list__file-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.my-list__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:4px}
.my-list__footer p{font-size:12px;color:var(--ink-3);line-height:1.8;margin:0}
.my-list__download{position:relative}
.my-list__download>summary{display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid var(--line-strong);border-radius:6px;padding:8px 14px;font-size:13px;list-style:none}
.my-list__download>summary::after{content:'⌄';color:var(--ink-3)}
.my-list__download-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:246px;max-width:calc(100vw - 48px);padding:16px;display:grid;gap:8px;border:1px solid var(--line-strong);border-radius:10px;background:var(--bg-elev);box-shadow:var(--shadow-md)}
.my-list__download-menu strong{font-size:14px;font-weight:550}
.my-list__download-menu p{font-size:12px;color:var(--ink-3);line-height:1.7;margin:0 0 8px}
body.v7[data-ui="aurora"] .tray-fab{position:static;inset:auto;z-index:auto;border:1px solid var(--control-line);border-radius:6px;background:var(--accent-soft);color:var(--accent);box-shadow:none;min-height:40px;padding:8px 12px;font-size:13px}
body.v7[data-ui="aurora"] .tray-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);border-radius:16px;padding:0;background:var(--bg-elev);color:var(--ink);border:1px solid var(--line-strong)}
.tray-dialog .tray-dialog__head{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;background:var(--bg-elev)}
.tray-dialog .tray-dialog__head strong{font-size:18px;font-weight:550}
.tray-dialog .tray-dialog__head button{min-height:44px}
.tray-dialog .tray-dialog__body{padding:24px}
.my-list--compact{gap:20px}
.my-list--compact .my-list__section{padding:0;border:0;border-radius:0;background:none}
.my-list--compact .my-list__section-head :is(h2,h3){font-size:16px}
.my-list--compact .my-list__row{grid-template-columns:36px minmax(0,1fr) auto;gap:12px;padding-block:16px}
.my-list--compact .my-list__item-icon{width:36px;height:36px;font-size:13px;border-radius:8px}
.my-list--compact .my-list__item-body :is(h3,h4){font-size:15px}
.my-list--compact .my-list__meta{font-size:12px}
.my-list--compact .my-list__empty{padding:28px 12px;background:none;border:0}
.my-list--compact .my-list__footer{border-top:1px solid var(--line);padding-top:12px}
.my-list__compact-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.my-list-copy{width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:24px;border:1px solid var(--line-strong);border-radius:14px;background:var(--bg-elev);color:var(--ink)}
.my-list-copy textarea{display:block;width:100%;min-height:260px;max-height:50dvh;resize:vertical;margin-block:16px;font:14px/1.8 var(--font);background:var(--bg);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;padding:12px}
.my-list-copy .btn{min-height:44px}
@media(max-width:760px){
 .my-list-page{padding-block:20px 40px}
 .my-list-page>.crumbs{margin-bottom:18px}
 .my-list{gap:18px}
 .my-list__hero{align-items:start;flex-direction:column;padding-block:4px 24px;gap:20px}
 .my-list__hero-actions{width:100%;align-items:center}
 .my-list__intro{font-size:14px}
 .my-list__section{padding:18px}
 .my-list__row{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding-block:18px}
 .my-list__item-icon{width:36px;height:36px;font-size:13px;border-radius:8px}
 .my-list__item-body :is(h3,h4){font-size:15px}
 .my-list__meta{font-size:12px}
 .my-list__tag{min-height:44px;font-size:11px;padding:7px 8px}
 .my-list__remove{padding-inline:6px;font-size:12px}
 .my-list__reference>summary{padding:18px;gap:8px;font-size:13px}
 .my-list__reference-body{padding-inline:18px}
 .my-list__reference-items>li{padding-left:0;gap:8px}
 .my-list__use{gap:8px;padding-inline:8px}
 .my-list__use>span{flex-basis:100%;padding-top:6px}
 .my-list__download-menu{position:fixed;left:16px;right:16px;top:auto;bottom:calc(16px + env(safe-area-inset-bottom));width:auto;max-width:none}
 .my-list__footer{align-items:start;gap:6px}
 body.v7[data-ui="aurora"] .tray-fab{min-height:44px;font-size:13px}
 .tray-dialog .tray-dialog__head{padding:12px 18px}
 .tray-dialog .tray-dialog__body{padding:18px}
}
@media(prefers-reduced-motion:reduce){.my-list *, .tray-dialog *{animation:none!important;transition:none!important}}
