/* Platform layout: one typographic system, three browsing feeds, three actions. */
.shell{--bg:#f7f5f0;--paper:#fffefb;--ink:#29272c;--muted:#716c73;--line:#e1ddd5;--accent:#6941bb;--soft:#eee8f8;--ui-ring:#9575c8;--ui-ease:cubic-bezier(.2,.7,.3,1);background:var(--bg);color:var(--ink);min-height:100dvh}
.shell .workspace{min-width:0}
.shell .page{padding-top:32px;max-width:1360px}
.shell .sidebar{background:var(--paper);border-color:var(--line)}
.shell .brand{color:var(--ink);letter-spacing:-.04em}
.shell .brand-mark{background:var(--accent);border-radius:9px;box-shadow:none}
.shell .brand small{color:var(--muted)}
.shell .sidebar>.nav{margin-top:35px}
.shell .nav a{color:#625d66;border-radius:8px;min-height:46px}
.shell .nav a.active{color:var(--accent);background:var(--soft)}
.shell .nav a[data-nav-create]{background:transparent;border:0;box-shadow:none;color:#625d66}
.shell .nav a[data-nav-create].active{background:var(--soft);color:var(--accent)}
.shell .sidebar .credit-mini{display:block;background:#f3f0e9;border:1px solid var(--line);border-radius:10px;color:var(--muted)}
.shell .credit-mini strong{color:var(--ink)}
.shell .topbar{height:78px;background:var(--paper);border-color:var(--line);backdrop-filter:none}
.shell .crumb,.shell .crumb strong{color:var(--muted)}
.shell .avatar{background:var(--soft);border:1px solid #ddd2ee;color:var(--accent);box-shadow:none;border-radius:50%;width:36px;height:36px}
.shell .pill{background:#eeebe5;color:#777078;border-radius:5px}
.shell .footer-line{color:#827b80;border-color:var(--line);margin-top:38px}
.app-mobile-head,.mobile-tabs,.create-fab{display:none}
.shell .btn{background:var(--paper);border-color:#d9d3cb;border-radius:8px;box-shadow:none;color:var(--ink);min-height:44px;font-size:13px;font-weight:600;transition:background-color .16s,border-color .16s,transform .12s}
.shell .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}
.shell .btn.quiet{background:transparent;border-color:var(--line);color:var(--ink)}
.shell .btn.dark{background:#2d2933;border-color:#2d2933;color:#fff}
.shell .btn.danger{color:#a64743}
.shell .page-head h1{color:var(--ink);font-weight:650;letter-spacing:-.035em}
.shell .page-head p,.shell .help,.shell .soft-note{color:var(--muted)}
.shell .eyebrow,.shell .section-kicker{color:#736578}
.shell .panel,.shell .metric{background:var(--paper);border-color:var(--line);border-radius:12px;box-shadow:none}
.shell .panel h2,.shell .metric strong{color:var(--ink)}
.shell .badge{background:#ede9e4;color:#67606a;border-radius:5px}
.shell .badge.published{background:#e8eee5;color:#46604a}
.shell .input,.shell textarea,.shell select{border-color:#d8d2cb;background:#fffefb;color:var(--ink)}
.shell .notice{background:var(--soft);color:#605071;border-radius:9px}
.shell .empty{padding:44px 24px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:none}
.shell .empty h2{font-size:21px;color:var(--ink);line-height:1.5}
.shell .empty p{font-size:14px;color:var(--muted)}
.shell .empty>.icon{width:46px;height:46px;color:var(--accent);stroke-width:1.2}
.shell :is(.empty-illustration,.profile-illustration,.cover-illustration,.cover-sigil){display:none}

/* Feed chrome stays compact; the posters do the talking. */
.shell .discover-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 26px}
.shell .section-kicker{display:block;font-size:12px;line-height:1.6;margin-bottom:7px;letter-spacing:.04em}
.shell .discover-head h1{font-size:32px;line-height:1.3;letter-spacing:-.04em;margin:0;color:var(--ink);font-weight:700}
.shell .discover-head h1>span{display:none}
.shell .discover-switch{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:0 0 18px}
.shell .discover-switch>a{position:relative;display:flex;align-items:center;min-height:46px;padding-bottom:8px;font-size:14px;color:var(--muted)}
.shell .discover-switch>a.active{color:var(--ink);font-weight:650}
.shell .discover-switch>a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}
.shell .feed-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:0 0 18px}
.shell .feed-toolbar>span{display:flex;align-items:baseline;gap:7px;color:#49444d;font-size:13px;font-weight:600}
.shell .feed-toolbar>span>b{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;color:#817981}
.shell .feed-toolbar>div{display:flex;align-items:center;gap:9px;justify-content:flex-end}
.shell .feed-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:8px 11px;font-size:12px;color:#625b65;border:1px solid transparent;border-radius:7px;background:transparent}
.shell .feed-toolbar button.owned-filter{background:#ede9e2;border-color:#e2dcd3}
.shell .feed-toolbar button.owned-filter.active,.shell .feed-toolbar button.owned-filter[aria-pressed=true]{color:var(--accent);border-color:#c8b5e2;background:var(--soft)}
.shell .feed-toolbar .icon{width:16px;height:16px}
.shell .discover-tools{display:flex;gap:10px;margin:0 0 20px}
.shell .discover-tools .search{flex:1;max-width:460px;min-width:0;min-height:46px;border:1px solid #d9d2c9;border-radius:8px;background:var(--paper);color:#766e78;transition:border-color .16s,box-shadow .16s}
.shell .discover-tools .search input{font-size:14px;color:var(--ink);min-height:44px;padding:10px 0}
.shell .discover-tools .search:focus-within{border-color:#9270bb;box-shadow:0 0 0 3px #6941bb0c}
.shell .feed-search-note{font-size:12px;line-height:1.7;margin:0 0 18px;color:var(--muted)}
.shell .discover-tools[hidden],.shell .discovery-card[hidden],.shell .work-card[hidden]{display:none!important}

/* All feeds use the same independent, clearly spaced cards. */
.shell .discovery-grid,.shell .work-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px;align-items:stretch}
.shell .discovery-card{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;border:1px solid #ded8cf;border-radius:10px;background:var(--paper);box-shadow:0 2px 3px #28202e03;transition:transform .18s,border-color .18s,box-shadow .18s}
.shell .discovery-card .card-cover-link{position:relative;display:block;min-width:0;color:inherit;outline-offset:-4px}
.shell .retired-cover{width:100%;padding:0;border:0;display:block;background:none;text-align:left}
.shell .discovery-card .cover{min-height:278px;height:auto;padding:24px;display:flex;flex-direction:column;position:relative;isolation:isolate;border-radius:0;overflow:visible}
.shell .discovery-card .cover:before,.shell .discovery-card .cover:after{content:none;display:none;box-shadow:none}
.shell .discovery-card .cover-meta,.shell .discovery-card .cover-footer{display:none}
.shell .discovery-card .card-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:16px 17px 17px;background:var(--paper)}
.shell .discovery-card .card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;color:#716a74;font-size:12px;line-height:1.6;margin:0 0 13px;min-height:20px}
.shell .discovery-card .card-meta>span{padding:0;background:none;min-width:0;overflow-wrap:anywhere}
.shell .discovery-card .card-meta>span+span:before{content:"·";display:inline;margin-right:8px;color:#aaa0a9}
.shell .discovery-card .card-meta .card-owned{color:#5b7160}
.shell .discovery-card .card-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch;justify-content:stretch;border:0;margin:auto 0 0;padding:0}
.shell .discovery-card .card-actions>.btn{flex:1;min-width:0;min-height:44px;padding:10px 7px;border:1px solid #dcd5cd;border-radius:6px;font-size:13px;font-weight:600;gap:5px;background:var(--paper);color:#49414f;box-shadow:none;white-space:normal}
.shell .discovery-card .card-actions>.btn:first-child{background:#ede7f5;color:#65439d;border-color:#e0d5ed}
.shell .discovery-card .card-actions>.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.shell .discovery-card .card-actions .icon{width:14px;height:14px;stroke-width:1.8}
.shell .discovery-card .card-actions .price{font-size:12px;flex-basis:100%;color:var(--muted)}
.shell .discovery-grid>.empty{grid-column:1/-1}

/* Editorial posters. Colors and layout vary; typography and information never do. */
.shell .discovery-card .poster-cover{--poster-bg:#efe1c8;--poster-ink:#352c24;--poster-rule:#a38e72;--poster-panel:#e2cba8;background:var(--poster-bg);color:var(--poster-ink);min-height:288px;padding:22px;gap:0}
.shell .poster-cover[data-tone=plum]{--poster-bg:#392641;--poster-ink:#fff4e2;--poster-rule:#9d82a4;--poster-panel:#503857}
.shell .poster-cover[data-tone=sand]{--poster-bg:#eedfc4;--poster-ink:#3b3127;--poster-rule:#a58c6d;--poster-panel:#ddc59f}
.shell .poster-cover[data-tone=sage]{--poster-bg:#d7dfcf;--poster-ink:#2a3c30;--poster-rule:#7e9279;--poster-panel:#b6c7ac}
.shell .poster-cover[data-tone=rose]{--poster-bg:#ecd3cd;--poster-ink:#53313a;--poster-rule:#b3898c;--poster-panel:#d9afa7}
.shell .poster-cover[data-tone=blue]{--poster-bg:#cfdee4;--poster-ink:#2c414d;--poster-rule:#819ba8;--poster-panel:#adcad8}
.shell .poster-cover[data-tone=ink]{--poster-bg:#2a3638;--poster-ink:#f3ead7;--poster-rule:#81918d;--poster-panel:#3d4b4b}
.shell .poster-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:7px;margin:0 0 24px;line-height:1.35;color:var(--poster-ink);z-index:1}
.shell .poster-category{font-size:12px;font-weight:500;letter-spacing:.04em}
.shell .poster-number{font:500 12px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;opacity:.7}
.shell .discovery-card .poster-cover h2.poster-title{display:block;position:relative;font-family:inherit;font-size:38px;font-weight:750;line-height:1.2;letter-spacing:-.055em;max-width:none;margin:0 0 20px;color:inherit;z-index:1;overflow:visible;overflow-wrap:anywhere;word-break:normal;text-overflow:clip;-webkit-line-clamp:unset}
.shell .poster-title .poster-line{display:block;max-width:100%}
.shell .poster-title .poster-line[data-line-size=compact],.shell .poster-title .poster-line-compact{font-size:.82em;line-height:1.35}
.shell .poster-title .poster-vs{display:block;font-size:12px;font-weight:600;line-height:1.7;letter-spacing:.16em;margin:4px 0}
.shell .discovery-card .poster-cover p.poster-caption{position:relative;font-size:13px;line-height:1.65;letter-spacing:0;font-weight:400;color:inherit;opacity:.84;max-width:none;margin:auto 0 17px;z-index:1;overflow-wrap:anywhere}
.shell .poster-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;padding-top:11px;border-top:1px solid var(--poster-rule);color:var(--poster-ink);z-index:1}
.shell .poster-type{font-size:11px;line-height:1.45;font-weight:500;letter-spacing:.02em}
.shell .poster-arrow{font-size:19px;font-weight:400;line-height:1}
.shell .poster-cover[data-poster=contrast] .poster-title{font-weight:800;letter-spacing:-.06em}
.shell .poster-cover[data-poster=contrast] .poster-top{padding-bottom:11px;border-bottom:1px solid var(--poster-rule);margin-bottom:20px}
.shell .poster-cover[data-poster=editorial] .poster-title{font-weight:650;letter-spacing:-.045em}
.shell .poster-cover[data-poster=editorial] .poster-number{border:1px solid var(--poster-rule);padding:4px 5px;margin-top:-4px}
.shell .poster-cover[data-poster=split]{padding-bottom:0}
.shell .poster-cover[data-poster=split] .poster-top{margin-bottom:26px}
.shell .poster-cover[data-poster=split] .poster-bottom{margin:0 -22px;padding:13px 22px;background:var(--poster-panel);border-top:1px solid var(--poster-rule);min-height:43px}
.shell .poster-cover[data-poster=frame]{outline:1px solid var(--poster-rule);outline-offset:-11px;padding:25px}
.shell .poster-cover[data-poster=frame] .poster-top{margin-bottom:23px}
.shell .poster-cover[data-poster=frame] .poster-bottom{border-top:0;padding-top:0}
.shell .discovery-card .poster-cover[data-title-size=long] h2.poster-title{font-size:29px;line-height:1.3;letter-spacing:-.02em}
.shell .discovery-card[data-title-size=long] .poster-title{font-size:29px;line-height:1.3}

/* Personal works remain a feed, with management only where needed. */
.shell .works-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}
.shell .works-head h1{font-size:30px;line-height:1.4;color:var(--ink);margin:0;letter-spacing:-.03em}
.shell .works-head h1 small{font-size:14px;font-weight:500;color:var(--muted);margin-left:6px}
.shell .work-filter{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px}
.shell .work-filter button,.shell .work-filter a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 17px;border:1px solid #dcd5cb;border-radius:7px;color:#736a73;background:transparent;font-size:13px}
.shell .work-filter .active,.shell .work-filter [aria-pressed=true]{background:#e9e2f3;border-color:#cdbce2;color:#62429a;font-weight:600}
.shell .work-card--feed .work-feed-status{position:absolute;right:10px;bottom:10px;z-index:4;background:#fffaf0;color:#695838;border:1px solid #d8caa9;border-radius:4px;padding:4px 7px;font-size:11px;line-height:1.5;box-shadow:none;backdrop-filter:none}
.shell .work-card--feed .work-feed-status.published{background:#e7eee3;border-color:#b8cbb3;color:#3e6446}
.shell .work-card--feed:has(.work-feed-status) .poster-bottom{padding-right:49px}
.shell .work-pending,.shell .work-card--feed .work-facts{font-size:11px!important;color:#8c6747!important;line-height:1.6!important;margin:0 0 11px!important;padding:0;border:0}
.shell .work-jobs{margin-top:30px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:0 18px}
.shell .work-jobs summary{display:flex;gap:9px;align-items:center;min-height:54px;font-size:14px;cursor:pointer}
.shell .work-jobs summary span{color:var(--muted);font-size:12px}
.shell .work-job{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--line);font-size:13px;min-height:55px}
.shell .work-job small{font-size:11px;color:var(--muted)}
.shell .work-job b{margin-left:auto;font-size:12px;font-weight:500;color:var(--accent)}

/* The account area is an organised notebook rather than a second dashboard. */
.shell .profile-hero{position:relative;display:flex;align-items:center;gap:17px;padding:25px 0 29px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);box-shadow:none;overflow:visible}
.shell .profile-hero:before,.shell .profile-hero:after,.shell .me-energy:after{content:none;display:none}
.shell .profile-avatar{display:grid;place-items:center;flex:0 0 63px;width:63px;height:63px;border-radius:50%;background:#e6ddd0;border:1px solid #d8cbbc;color:#645140;font-size:27px;font-weight:600;box-shadow:none}
.shell .profile-avatar>.icon{width:28px;height:28px;stroke-width:1.5}
.shell .profile-hero>div{min-width:0;flex:1}
.shell .profile-hero h1{font-size:25px;line-height:1.4;letter-spacing:-.03em;color:var(--ink);margin:0 0 6px;font-weight:650;overflow-wrap:anywhere}
.shell .profile-hero p{font-size:13px;line-height:1.6;color:var(--muted);margin:0;overflow-wrap:anywhere}
.shell .profile-badge{font-size:11px;color:#796b81;border:1px solid #d8cedd;border-radius:4px;padding:4px 7px;align-self:flex-start;white-space:nowrap}
.shell .profile-hero>.btn{min-height:44px;margin-left:auto}
.shell .me-energy{display:flex;align-items:center;gap:15px;margin:18px 0;padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:none;color:var(--ink)}
.shell .me-energy>.me-energy-icon{display:grid;place-items:center;width:42px;height:44px;flex:0 0 42px;color:#7d674a;border:1px solid #ddcfb9;background:#f0e8db;border-radius:7px}
.shell .me-energy>.me-energy-icon>.icon{width:22px;height:22px}
.shell .me-energy>div{min-width:0;flex:1}
.shell .me-energy>div>span{font-size:12px;color:var(--muted)}
.shell .me-energy strong{display:block;font-family:inherit;font-size:34px;line-height:1.3;font-weight:650;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:4px;overflow-wrap:anywhere}
.shell .me-energy .me-energy-cta{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 12px;border:1px solid #d9d0e3;background:var(--soft);color:var(--accent);border-radius:7px;font-size:12px;white-space:nowrap}
.shell .me-menu{display:grid;background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:none;margin-top:20px}
.shell .me-menu>a{display:flex;align-items:center;gap:13px;min-height:72px;padding:16px 19px;border-bottom:1px solid var(--line);color:var(--ink)}
.shell .me-menu>a:last-child{border-bottom:0}
.shell .me-menu-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;background:transparent;color:#695773;border-radius:0}
.shell .me-menu-icon>.icon{width:22px;height:22px;stroke-width:1.6}
.shell .me-menu>a>span:not(.me-menu-icon){font-size:15px;flex:1;min-width:0;line-height:1.5}
.shell .me-menu small{font-size:12px;color:var(--muted);flex:0 0 auto}
.shell .me-menu>a>b{color:#8f8692;font-size:22px;font-weight:400}
.shell .me-note{margin:24px 0 0;font-size:12px;line-height:1.8;color:var(--muted);text-align:center}
.shell .me-logout{display:block;min-height:48px;width:100%;margin-top:16px;color:#766c78;font-size:13px;border:1px solid var(--line);border-radius:8px;background:transparent}
.shell .me-layout{max-width:760px;margin:auto}

/* Drawer is outside .shell because it is a native dialog. */
dialog.menu-drawer{position:fixed;inset:0 auto 0 0;margin:0;border:0;border-right:1px solid #dfd8ce;border-radius:0;width:min(310px,85vw);max-width:none;height:100dvh;max-height:none;padding:24px;background:#fffdf8;box-shadow:20px 0 60px #25212b14}
.menu-drawer .drawer-brand{display:flex;align-items:center;gap:10px;padding:8px 0 20px}
.menu-drawer .drawer-brand .brand-mark{background:#6941bb;border-radius:8px;width:34px;height:34px}
.menu-drawer .drawer-brand h2{margin:0;color:#29272c;font-size:25px}
.menu-drawer .drawer-links{display:grid;gap:5px;margin:10px 0 22px}
.menu-drawer .drawer-links>a{display:flex;align-items:center;gap:13px;min-height:50px;padding:10px 8px;color:#47404b;font-size:14px;border-radius:6px}
.menu-drawer .drawer-links>a>.icon{width:20px;height:20px;color:#79558f}
.menu-drawer .drawer-links>a>span{flex:1}
.menu-drawer .drawer-links>a>b{font-size:20px;font-weight:400;color:#958b98}
.menu-drawer .help{font-size:12px;color:#837886}
.menu-drawer .close-modal{display:grid;place-items:center;min-width:44px;min-height:44px;color:#736b78}

@media(min-width:1450px){.shell .discovery-grid,.shell .work-feed-grid{gap:34px 28px}.shell .discovery-card .poster-cover{min-height:318px;padding:26px}.shell .discovery-card .poster-cover h2.poster-title{font-size:42px}.shell .poster-cover[data-poster=split] .poster-bottom{margin:0 -26px;padding-left:26px;padding-right:26px}}
@media(max-width:1100px){.shell .discovery-grid,.shell .work-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}}
@media(max-width:780px){
  .shell{display:block}
  .shell>.sidebar,.shell .workspace>.topbar{display:none}
  .shell .workspace{width:100%;min-width:0}
  .shell .page{width:100%;max-width:700px;padding:20px 16px calc(106px + env(safe-area-inset-bottom,0px));margin:auto}
  .shell .footer-line{display:none}
  .shell .app-mobile-head{position:sticky;top:0;z-index:35;display:flex;align-items:center;gap:4px;min-height:66px;padding:10px;background:#fffefb;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:none}
  .shell .app-mobile-head .header-tool{display:grid;place-items:center;width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:10px;background:transparent;color:#4b424f;border:0;border-radius:7px;box-shadow:none;margin:0}
  .shell .app-mobile-head .header-tool>.icon{width:22px;height:22px;stroke-width:1.7}
  .shell .app-mobile-channels{display:flex;align-items:center;justify-content:center;gap:13px;min-width:0;flex:1;min-height:44px}
  .shell .app-mobile-channels>a{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 0;white-space:nowrap;font-size:14px;font-weight:500;letter-spacing:-.015em;color:#796f78;transition:color .15s}
  .shell .app-mobile-channels>a.active,.shell .app-mobile-channels>a[aria-current=page]{color:#332a3a;font-weight:700}
  .shell .app-mobile-channels>a.active:after,.shell .app-mobile-channels>a[aria-current=page]:after{content:"";position:absolute;bottom:0;left:50%;height:2px;width:24px;background:var(--accent);transform:translateX(-50%);border-radius:1px}
  .shell .app-mobile-head .header-actions{display:flex;align-items:center;gap:0;flex:0 0 auto;min-width:0}
  .shell .app-mobile-head .header-actions>.avatar{display:grid;place-items:center;position:relative;flex:0 0 36px;width:36px;height:44px;min-height:44px;padding:0;margin:0;background:none;border:0;border-radius:7px;color:var(--accent);font-size:13px;isolation:isolate}
  .shell .app-mobile-head .header-actions>.avatar:before{content:"";position:absolute;inset:5px 1px;border:1px solid #dacee9;background:var(--soft);border-radius:50%;z-index:-1}
  .shell .app-mobile-head .header-actions>.avatar>.icon{width:19px;height:19px}
  .shell .mobile-page-label{flex:1;min-width:0;padding:0 5px;border:0;font-size:16px;font-weight:650;color:var(--ink);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shell .discover-head,.shell .discover-switch,.shell:has(.work-feed-grid) .works-head{display:none}
  .shell .feed-toolbar{min-height:44px;margin:0 0 18px;gap:7px}
  .shell .feed-toolbar>span{font-size:12px;gap:5px}
  .shell .feed-toolbar>div{gap:3px}
  .shell .feed-toolbar button{padding:8px 9px;font-size:12px}
  .shell [data-feed-search]:not(.is-open){display:none}
  .shell [data-feed-search].is-open{display:flex}
  .shell .discover-tools{margin:0 0 21px}
  .shell .discover-tools .search{max-width:none}
  .shell .discovery-grid,.shell .work-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
  .shell .discovery-card{border-radius:9px}
  .shell .discovery-card .poster-cover{min-height:252px;padding:17px 16px}
  .shell .poster-top{margin-bottom:22px;gap:4px}
  .shell .poster-category{font-size:11px;letter-spacing:0}
  .shell .poster-number{font-size:11px}
  .shell .discovery-card .poster-cover h2.poster-title{font-size:34px;line-height:1.22;letter-spacing:-.055em;margin-bottom:19px}
  .shell .discovery-card .poster-cover p.poster-caption{font-size:12px;line-height:1.7;margin-bottom:16px}
  .shell .poster-type{font-size:11px}
  .shell .poster-bottom{padding-top:10px}
  .shell .poster-cover[data-poster=contrast] .poster-top{margin-bottom:19px;padding-bottom:10px}
  .shell .poster-cover[data-poster=split]{padding-bottom:0}
  .shell .poster-cover[data-poster=split] .poster-top{margin-bottom:24px}
  .shell .poster-cover[data-poster=split] .poster-bottom{margin:0 -16px;padding:12px 16px;min-height:42px}
  .shell .poster-cover[data-poster=frame]{padding:20px;outline-offset:-8px}
  .shell .poster-cover[data-poster=frame] .poster-top{margin-bottom:20px}
  .shell .discovery-card .poster-cover[data-title-size=long] h2.poster-title,.shell .discovery-card[data-title-size=long] h2.poster-title{font-size:24px;line-height:1.35;letter-spacing:-.02em}
  .shell .discovery-card .card-body{padding:13px 12px 14px}
  .shell .discovery-card .card-meta{font-size:11px;gap:5px 7px;margin-bottom:12px}
  .shell .discovery-card .card-meta>span+span:before{margin-right:7px}
  .shell .discovery-card .card-actions{gap:6px}
  .shell .discovery-card .card-actions>.btn{font-size:12px;min-height:44px;padding:9px 5px;gap:3px}
  .shell .discovery-card .card-actions .icon{width:13px;height:13px}
  .shell .work-filter{margin:0 0 22px;gap:8px}
  .shell .work-filter button,.shell .work-filter a{min-height:44px;padding:8px 17px;font-size:12px}
  .shell .work-card--feed .work-feed-status{right:8px;bottom:8px;font-size:11px;padding:3px 5px}
  .shell .work-card--feed:has(.work-feed-status) .poster-bottom{padding-right:46px}
  .shell .profile-hero{padding:9px 0 25px;gap:14px;margin-bottom:22px}
  .shell .profile-avatar{width:56px;height:56px;flex-basis:56px;font-size:25px}
  .shell .profile-hero h1{font-size:22px}
  .shell .profile-hero p{font-size:12px}
  .shell .profile-badge{position:absolute;top:7px;right:0;font-size:11px;padding:3px 6px}
  .shell .profile-hero:has(.profile-badge) h1{padding-right:54px}
  .shell .profile-hero>.btn{padding:9px 12px;font-size:12px}
  .shell .me-energy{padding:19px 17px;gap:12px;border-radius:9px}
  .shell .me-energy>.me-energy-icon{width:34px;flex-basis:34px;height:38px}
  .shell .me-energy strong{font-size:30px}
  .shell .me-energy .me-energy-cta{font-size:12px;padding:9px 10px}
  .shell .me-menu{margin-top:19px}
  .shell .me-menu>a{padding:14px 15px;min-height:69px;gap:10px}
  .shell .me-menu>a>span:not(.me-menu-icon){font-size:14px}
  .shell .page-head{margin-bottom:23px}
  .shell .page-head h1{font-size:26px}
  .shell .page-head p{font-size:13px;line-height:1.8}
  .shell .empty{padding:35px 20px}
  .shell .empty h2{font-size:20px}
  .shell .mobile-tabs.bottom-actions{position:fixed;inset:auto 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;z-index:45;min-height:70px;padding:4px max(16px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));border-top:1px solid #ddd6ce;background:#fffefb;backdrop-filter:none;box-shadow:none}
  .shell .mobile-tabs.bottom-actions>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;min-height:62px;padding:5px 10px;border-radius:7px;color:#7a717d;font-size:12px;line-height:1.4;font-weight:500;transition:color .16s,background .16s}
  .shell .mobile-tabs.bottom-actions>a>.icon{width:23px;height:23px;stroke-width:1.7;transition:transform .13s}
  .shell .mobile-tabs.bottom-actions>a>span{font-size:12px;line-height:1.4}
  .shell .mobile-tabs.bottom-actions>a.active,.shell .mobile-tabs.bottom-actions>a[aria-current=page]{color:var(--accent);font-weight:650}
  .shell .mobile-tabs.bottom-actions>a:before{content:none}
  .shell .mobile-tabs.bottom-actions>a[data-nav-create]{gap:3px;padding:0 10px;min-height:64px}
  .shell .mobile-tabs.bottom-actions>a[data-nav-create]>.icon{box-sizing:border-box;width:42px;height:39px;padding:9px;border-radius:8px;background:var(--accent);color:#fff;stroke-width:2;border:0;box-shadow:none}
  .shell .mobile-tabs.bottom-actions>a[data-nav-create]>span{font-size:11px;font-weight:600}
  body:has(.shell) #toast{bottom:calc(85px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:520px){.shell .discovery-card .poster-cover{min-height:244px}.shell .discovery-card .poster-cover h2.poster-title{font-size:30px}.shell .poster-cover[data-poster=frame]{padding:19px 15px}.shell .discovery-card .poster-cover[data-title-size=long] h2.poster-title,.shell .discovery-card[data-title-size=long] h2.poster-title{font-size:23px}.shell .app-mobile-channels{gap:10px}.shell .app-mobile-channels>a{font-size:13px}.shell .profile-badge{font-size:11px}}
@media(max-width:370px){
  .shell .app-mobile-head{padding-left:8px;padding-right:8px;gap:2px}
  .shell .app-mobile-channels{gap:8px}
  .shell .app-mobile-head:has(.app-mobile-channels) .header-actions>.avatar{display:none}
  .shell .discovery-card .poster-cover,.shell .discovery-card .poster-cover[data-poster=frame]{padding-left:13px;padding-right:13px}
  .shell .poster-cover[data-poster=split] .poster-bottom{margin-left:-13px;margin-right:-13px;padding-left:13px;padding-right:13px}
  .shell .discovery-card .poster-cover h2.poster-title{font-size:24px}
  .shell .poster-title .poster-line[data-line-size=compact],.shell .poster-title .poster-line-compact{font-size:.76em}
  .shell .discovery-card .card-body{padding-left:10px;padding-right:10px}
  .shell .discovery-card .card-actions>.btn{padding:8px 4px;min-height:44px;gap:0;white-space:nowrap;font-size:12px;letter-spacing:0}
  .shell .discovery-card .card-actions .icon{display:none}
}

/* Tactile feedback, restricted to controls; no repeating feed-entry animations. */
.shell :is(button,.btn,a){-webkit-tap-highlight-color:transparent}
.shell :is(.btn,.header-tool,.feed-toolbar button,.work-filter button,.me-menu>a){transition:background-color .16s,color .16s,border-color .16s,transform .12s}
.shell :is(.btn,button):disabled,.shell .btn[aria-disabled=true]{opacity:.5;cursor:default;box-shadow:none;transform:none}
.shell :is(.btn,button)[aria-busy=true],.shell :is(.btn,button).is-loading{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:progress;transform:none;pointer-events:none}
.shell :is(.btn,button)[aria-busy=true]>.icon,.shell :is(.btn,button).is-loading>.icon{display:none}
.shell :is(.btn,button)[aria-busy=true]:after,.shell :is(.btn,button).is-loading:after{content:"";display:inline-block;flex:0 0 13px;width:13px;height:13px;box-sizing:border-box;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cst-busy-turn .75s linear infinite}
.shell :is(button,a,input,textarea,select,summary):focus-visible,.menu-drawer a:focus-visible{outline:3px solid var(--ui-ring,#9575c8);outline-offset:3px}
.shell :is(.btn,.header-tool,.feed-toolbar button,.work-filter button):active:not(:disabled):not([aria-busy=true]){transform:scale(.97)}
.shell .discovery-card .card-cover-link:active{opacity:.9}
.shell .me-menu>a:active,.shell .mobile-tabs.bottom-actions>a:active{background:#eee9e1}
.shell .mobile-tabs.bottom-actions>a:active>.icon{transform:scale(.92)}
@keyframes cst-busy-turn{to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine){.shell .discovery-card:hover{transform:translateY(-2px);border-color:#bdb2c6;box-shadow:0 7px 18px #3728410c}.shell .btn:hover:not(:disabled){transform:none;border-color:#a58bbd;background:#f4eff9;box-shadow:none}.shell .btn.primary:hover:not(:disabled){background:#5b35a6;color:#fff}.shell .header-tool:hover,.shell .me-menu>a:hover,.menu-drawer .drawer-links>a:hover{background:#f1ece5}.shell .app-mobile-channels>a:hover{color:var(--accent)}.shell .nav a:hover{background:#f1ece5;color:#55485f;transform:none}.shell .nav a.active:hover{background:var(--soft);color:var(--accent)}}
@media(pointer:coarse){.shell .discovery-card:hover{transform:none;box-shadow:0 2px 3px #28202e03}.shell .btn:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.shell :is(a,button,input,textarea,select),.shell .discovery-card,.shell :is(.btn,button)[aria-busy=true]:after,.shell :is(.btn,button).is-loading:after{animation:none!important;transition:none!important}.shell .discovery-card:hover,.shell :is(.btn,.header-tool,.feed-toolbar button,.work-filter button):active,.shell .mobile-tabs.bottom-actions>a:active>.icon{transform:none!important}}