/* polish.css — shared finishing layer: scroll reveal, footer, document pages.
   Loaded after theme.css on the public pages. */

/* ── scroll reveal ── */
html.rv-on [data-rv]{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
html.rv-on [data-rv].rv-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.rv-on [data-rv]{opacity:1;transform:none;transition:none}}

/* ── footer: same layout as before, links styled like the top menu ── */
html[data-theme] footer .footer-brand .wordmark{padding-left:0}
html[data-theme] footer .socials{gap:10px}
html[data-theme] footer .socials a{width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:border-color .25s,background .25s,transform .25s}
html[data-theme] footer .socials a svg{width:16px;height:16px}
html[data-theme] footer .socials a:hover{border-color:var(--accent);background:rgba(227,122,65,.12);transform:translateY(-2px)}
html[data-theme] footer .socials a:hover svg{fill:var(--accent)}
html[data-theme] footer .f-links{gap:10px 36px;margin-top:38px}
html[data-theme] footer .f-links a{position:relative;font-size:.74rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#E9E1EB;text-decoration:none;padding:6px 0;transition:color .2s}
html[data-theme] footer .f-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
html[data-theme] footer .f-links a:hover{color:var(--accent)}
html[data-theme] footer .f-links a:hover::after{transform:scaleX(1)}

/* ── document pages (license terms, privacy) ── */
.doc-hero{position:relative;padding:84px 0 46px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.doc-hero::before{content:"";position:absolute;inset:-40% -10% auto auto;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(227,122,65,.16),transparent 65%);pointer-events:none}
.doc-hero .eyebrow{margin-bottom:14px}
.doc-hero h1{font-family:'Cardo',serif;font-weight:400;font-size:clamp(2.4rem,6vw,3.6rem);line-height:1.04;color:var(--ink)}
.doc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:22px;font-size:.84rem;color:var(--ink-soft)}
.doc-meta .pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px 14px;background:var(--surface)}
.doc-meta .pill i{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}
.doc-print{font:inherit;cursor:pointer;color:var(--ink);background:none;border:1px solid var(--line);border-radius:999px;padding:6px 14px;transition:border-color .2s,color .2s}
.doc-print:hover{border-color:var(--accent);color:var(--accent)}
.doc-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start;padding-bottom:110px}
.doc-toc{position:sticky;top:104px;max-height:calc(100vh - 130px);overflow:auto;padding-right:6px}
.doc-toc .t{font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.doc-toc a{display:flex;gap:10px;font-size:.84rem;line-height:1.4;color:var(--ink-soft);padding:7px 0 7px 14px;border-left:2px solid var(--line);transition:color .2s,border-color .2s}
.doc-toc a b{font-weight:600;color:var(--muted);min-width:18px;font-variant-numeric:tabular-nums}
.doc-toc a:hover{color:var(--ink)}
.doc-toc a.on{color:var(--ink);border-left-color:var(--accent)}
.doc-toc a.on b{color:var(--accent)}
.doc-sheet{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:56px clamp(22px,5vw,64px);box-shadow:0 30px 60px -40px rgba(0,0,0,.45);max-width:820px}
.doc-sheet>p,.doc-sheet section p{font-size:1rem;line-height:1.85;color:var(--ink-soft);margin:0 0 16px}
.doc-sheet strong{color:var(--ink);font-weight:600}
.doc-sheet a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.doc-sheet a:hover{color:var(--accent)}
.doc-sheet section{padding-top:34px;margin-top:34px;border-top:1px solid var(--line);scroll-margin-top:100px}
.doc-sheet h2{display:flex;align-items:baseline;gap:14px;font-family:'Cardo',serif;font-weight:400;font-size:1.55rem;line-height:1.2;color:var(--ink);margin:0 0 16px}
.doc-sheet h2 .n{flex:none;font-family:'DM Sans',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.08em;color:var(--accent);border:1px solid var(--accent);border-radius:999px;min-width:30px;height:24px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-3px)}
.doc-sheet ul{list-style:none;margin:0 0 16px;padding:0}
.doc-sheet ul li{position:relative;padding:12px 0 12px 26px;border-bottom:1px solid var(--line);color:var(--ink-soft);line-height:1.75}
.doc-sheet ul li:last-child{border-bottom:0}
.doc-sheet ul li::before{content:"";position:absolute;left:4px;top:23px;width:8px;height:1.5px;background:var(--accent)}
.doc-sheet ul.tiers{display:grid;gap:12px}
.doc-sheet ul.tiers li{border:1px solid var(--line);border-radius:10px;padding:18px 20px;background:var(--bg)}
.doc-sheet ul.tiers li::before{display:none}
.doc-sheet .tier-name{display:block;font-family:'Cardo',serif;font-size:1.25rem;color:var(--ink);margin-bottom:4px}
.doc-sheet p .tier-name{display:inline;font-size:1.1rem}
.doc-sheet .lead{font-size:1.08rem;color:var(--ink);line-height:1.8}
.doc-end{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.82rem;color:var(--muted)}
@media(max-width:900px){.doc-layout{grid-template-columns:1fr;gap:20px}.doc-toc{position:static;max-height:none;display:none}}
@media print{
  nav,footer,.doc-toc,.doc-print,#oraNl,.dl-popup-overlay{display:none!important}
  .doc-hero{-webkit-mask-image:none;mask-image:none;padding:0 0 20px}.doc-hero::before{display:none}
  .doc-hero .wrap,.doc-layout{padding-left:0!important;padding-right:0!important}
  .doc-layout{display:block;padding:0}.doc-sheet{border:0;box-shadow:none;padding:0;max-width:none}
  body{background:#fff!important}
  [data-rv]{opacity:1!important;transform:none!important}
  /* watermark on every printed / saved page */
  body::after{content:"ØRAETH · oraethmusic.com";position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-30deg);font:400 40px 'Cardo',serif;letter-spacing:.14em;color:rgba(0,0,0,.08);white-space:nowrap;pointer-events:none;z-index:9999}
  body::before{content:"Øraeth · oraethmusic.com · itsoraeth@proton.me";position:fixed;left:0;right:0;bottom:0;text-align:center;font:400 9px 'DM Sans',sans-serif;letter-spacing:.14em;color:#999}
}

/* ── cover cards (store, collections) ── */
.sc.sc-in{animation:scIn .7s cubic-bezier(.2,.7,.2,1) both;}
@keyframes scIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
html[data-theme] .sc-cv{border-radius:12px;border:0;box-shadow:0 18px 40px -24px rgba(0,0,0,.8);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;}
html[data-theme] .sc-cv img{transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .2s;}
html[data-theme] .sc:hover .sc-cv{transform:translateY(-4px);box-shadow:0 26px 50px -24px rgba(0,0,0,.9);}
html[data-theme] .sc:hover .sc-cv img{transform:scale(1.05);opacity:1;}
html[data-theme] .sc-play{width:46px;height:46px;background:rgba(255,255,255,.95);box-shadow:0 8px 22px rgba(0,0,0,.35);transform:translateY(6px);opacity:.92;transition:transform .3s,opacity .3s,background .2s;}
html[data-theme] .sc:hover .sc-play,html[data-theme] .sc.playing .sc-play{transform:none;opacity:1;}
html[data-theme] .sc-play:hover{background:#fff;transform:scale(1.06);}
html[data-theme] .sc-play i{border-left-color:#141017;}
html[data-theme] .sc.playing .sc-play{background:var(--accent);}
html[data-theme] .sc.playing .sc-play i{border-left-color:#fff;border-right-color:#fff;}
.sc-eq{position:absolute;left:12px;bottom:14px;display:none;align-items:flex-end;gap:3px;height:16px;padding:6px 7px;border-radius:8px;background:rgba(0,0,0,.45);box-sizing:content-box;}
.sc.playing .sc-eq{display:flex;}
.sc-eq b{width:3px;background:#fff;border-radius:2px;animation:eq 1s ease-in-out infinite;}
.sc-eq b:nth-child(2){animation-delay:-.4s}.sc-eq b:nth-child(3){animation-delay:-.7s}
@keyframes eq{0%,100%{height:30%}50%{height:100%}}
html[data-theme] .sc-tag{border-radius:999px;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);color:#fff;}
html[data-theme] .sc-t{font-size:1.15rem;}
html[data-theme] .sc-b{border-top:0;padding-top:4px;}
html[data-theme] .sc-b span{font-size:1rem;font-weight:500;}
html[data-theme] .sc-buy{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--accent),#c4552a);box-shadow:0 8px 18px -10px rgba(227,122,65,.8);transition:filter .2s,transform .2s;}
html[data-theme] .sc-buy svg{width:14px;height:14px;}
html[data-theme] .sc-buy:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff;background:linear-gradient(135deg,var(--accent),#c4552a);}
html[data-theme] .more-wrap .btn-t{border-radius:999px;padding:13px 30px;}

/* ── free download pop-up ── */
html[data-theme] .dl-popup-overlay{background:rgba(10,8,12,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html[data-theme] .dl-popup{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:34px 32px 28px;max-width:460px;width:calc(100% - 32px);box-shadow:0 50px 100px -40px rgba(0,0,0,.7);transform:translateY(24px) scale(.96);opacity:0;transition:transform .55s cubic-bezier(.2,.9,.3,1.15),opacity .4s ease}
html[data-theme] .dl-popup-overlay.open .dl-popup{transform:none;opacity:1}
html[data-theme] .dl-popup::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(150deg,var(--accent),transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
html[data-theme] .dl-popup::after{content:"";position:absolute;left:50%;top:-170px;width:420px;height:300px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(227,122,65,.26),transparent);pointer-events:none}
.dl-top{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.dl-ico{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--accent),#c4552a);box-shadow:0 12px 26px -12px rgba(227,122,65,.9)}
.dl-ico svg{width:24px;height:24px}
.dl-popup-overlay.open .dl-ico svg{animation:dlDrop 1.4s ease-in-out infinite}
@keyframes dlDrop{0%{transform:translateY(-3px);opacity:.6}50%{transform:translateY(2px);opacity:1}100%{transform:translateY(-3px);opacity:.6}}
.dl-cc{display:flex;gap:4px;margin-right:44px}
.dl-cc b{font-size:.72rem;font-weight:700;border:1.5px solid var(--ink);border-radius:5px;padding:4px 7px;line-height:1;color:var(--ink)}
html[data-theme] .dl-popup-close{top:16px;right:16px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);font-size:1.2rem;line-height:1;color:var(--muted);z-index:2;transition:all .2s}
html[data-theme] .dl-popup-close:hover{color:var(--ink);border-color:var(--ink);transform:rotate(90deg)}
html[data-theme] .dl-popup-title{position:relative;font-size:1.8rem;line-height:1.15;margin-bottom:8px}
html[data-theme] .dl-popup-sub{position:relative;font-size:.95rem;line-height:1.6;margin-bottom:16px}
html[data-theme] .dl-popup-credit{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;line-height:1.7;color:var(--ink)}
html[data-theme] .dl-popup-actions{position:relative;gap:12px 16px;margin-top:16px}
html[data-theme] .dl-popup-copy{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:12px;padding:13px 20px;color:#fff;background:linear-gradient(135deg,var(--accent),#c4552a);box-shadow:0 12px 26px -12px rgba(227,122,65,.9);transition:filter .2s}
html[data-theme] .dl-popup-copy:hover{filter:brightness(1.08);background:linear-gradient(135deg,var(--accent),#c4552a);color:#fff}
html[data-theme] .dl-popup-copied{color:#5BBF7A;font-weight:600}
html[data-theme] .dl-popup-lic{color:var(--ink-soft);border-bottom-color:var(--accent)}
html[data-theme] .dl-popup-lic:hover{color:var(--accent);border-color:var(--accent)}

/* ════════ phone & tablet ════════ */
/* one menu on every page: wordmark, theme switch and a menu button; the menu opens full screen */
.m-burger,.m-menu{display:none}
@media(max-width:760px){
  html[data-theme] nav{padding:0!important}
  html[data-theme] .nav-inner{flex-direction:row!important;flex-wrap:nowrap!important;height:64px;gap:10px;padding:0 18px!important;max-width:none}
  html[data-theme] nav .wrap:not(.nav-inner){padding:0!important;max-width:none}
  html[data-theme] .nav-inner .wordmark{font-size:1.25rem!important;letter-spacing:.24em}
  html[data-theme] .nav-links,html[data-theme] .nav-toggle{display:none!important}
  html[data-theme] .nav-inner .theme-btn{margin-left:auto;margin-right:0;width:40px;height:40px}
  .m-burger{display:inline-flex;order:4;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:none;cursor:pointer;padding:0}
  html[data-theme="light"] .m-burger{border-color:#4A4050}
  .m-burger i{display:block;width:18px;height:1.6px;border-radius:2px;background:var(--ink);transition:transform .35s,opacity .2s}
  html[data-theme="light"] .m-burger i{background:#F3EDF4}
  .m-menu{position:fixed;inset:0;z-index:400;display:flex;flex-direction:column;padding:0 24px calc(28px + env(safe-area-inset-bottom,0px));background:rgba(14,11,16,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;overflow-y:auto}
  .m-menu.open{opacity:1;visibility:visible}
  .m-menu::before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(227,122,65,.22),transparent);pointer-events:none}
  .m-top{display:flex;align-items:center;justify-content:space-between;height:64px;flex:none}
  .m-top .wordmark{font-family:'Cardo',serif;font-size:1.25rem;letter-spacing:.24em;color:#F3EDF4}
  .m-close{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:none;color:#F3EDF4;font-size:1.4rem;line-height:1;cursor:pointer}
  .m-links{display:flex;flex-direction:column;margin-top:22px}
  .m-links a{display:flex;align-items:center;justify-content:space-between;padding:15px 2px;border-bottom:1px solid rgba(255,255,255,.08);font-family:'Cardo',serif;font-size:1.75rem;line-height:1.1;color:#F3EDF4;opacity:0;transform:translateY(14px);transition:opacity .45s,transform .45s,color .2s}
  .m-links a::after{content:"→";font-family:'DM Sans',sans-serif;font-size:1rem;color:rgba(243,237,244,.4)}
  .m-links a.cur{color:#E37A41}
  .m-menu.open .m-links a{opacity:1;transform:none}
  .m-bottom{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:18px}
  .m-cta{display:flex;align-items:center;justify-content:center;height:54px;border-radius:14px;color:#fff;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(135deg,#E37A41,#c4552a);box-shadow:0 14px 30px -14px rgba(227,122,65,.9)}
  .m-socials{display:flex;gap:10px;justify-content:center}
  .m-socials a{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:inline-flex;align-items:center;justify-content:center}
  .m-socials a svg{width:18px;height:18px;fill:rgba(243,237,244,.75)}
  body.m-lock{overflow:hidden}

  /* comfortable spacing and readable type */
  html[data-theme] .wrap{padding-left:18px;padding-right:18px}
  html[data-theme] footer .f-links{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin-top:30px}
  html[data-theme] footer .f-links a{padding:10px 0}
  html[data-theme] footer .f-bottom{flex-direction:column}
  html[data-theme] footer .socials a{width:44px;height:44px}

  /* chips scroll sideways instead of wrapping into a pile */
  html[data-theme] .filter-row,html[data-theme] .chips{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-18px!important;margin-right:-18px!important;padding:2px 18px 6px!important}
  html[data-theme] .filter-row::-webkit-scrollbar,html[data-theme] .chips::-webkit-scrollbar{display:none}
  html[data-theme] .filter-tabs{flex-wrap:nowrap!important}
  html[data-theme] .filter-tab,html[data-theme] .chip{flex:none;white-space:nowrap;min-height:40px}

  /* documents: the contents list becomes a fold-out box at the top */
  .doc-layout{gap:16px!important}
  .doc-toc{display:block!important;position:static!important;max-height:none!important;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:0 16px!important;overflow:hidden}
  .doc-toc .t{display:flex;align-items:center;justify-content:space-between;margin:0!important;padding:16px 0;cursor:pointer}
  .doc-toc .t::after{content:"+";font-size:1.2rem;color:var(--accent);transition:transform .3s}
  .doc-toc.open .t::after{transform:rotate(45deg)}
  .doc-toc a{display:none}
  .doc-toc.open a{display:flex;padding:10px 0 10px 12px}
  .doc-toc.open{padding-bottom:12px!important}
  .doc-sheet{padding:30px 20px!important;border-radius:14px!important}
  .doc-hero{padding:46px 0 26px!important}
}
/* no hover lift on touch screens (it sticks after a tap) */
@media (hover:none){
  html[data-theme] .sc:hover .sc-cv,html[data-theme] #tierGrid .plan:hover,html[data-theme] .plan.featured:hover,html[data-theme] .ab-find>a:hover,html[data-theme] .stat:hover,html[data-theme] .cp-tier:hover,html[data-theme] .ls-card:hover{transform:none}
}
@media(max-width:760px){
  /* about */
  html[data-theme] .ab-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  html[data-theme] .ab-facts div{padding:18px 16px!important}
  html[data-theme] .ab-facts b{font-size:2.1rem!important}
  .about-photo-wrap::after{inset:auto -8px -10px 10px!important}
  .ab-cta{padding:24px 20px!important}
  .ab-browse{width:100%;justify-content:center}
  /* contact */
  .ct-mail .ct-ico{display:none}
  .ct .mail{font-size:1.1rem!important;word-break:normal!important}
  .ct-chips button{min-height:42px}
  /* track page: suggestions two by two */
  html[data-theme] .sug-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;max-width:none!important}
  html[data-theme] .tp-acts .btn-t{height:52px}
  /* store: buy buttons easy to tap */
  html[data-theme] .sc-buy{height:38px!important}
  html[data-theme] .search-wrap{order:-1}
}
@media(max-width:760px){
  html[data-theme] .filter-row{width:auto!important;max-width:100vw;min-width:0;align-self:stretch;flex:none!important}
}
@media(max-width:760px){
  /* store: search on its own line, filters underneath */
  html[data-theme] .chips{flex-wrap:wrap!important;overflow:visible!important;margin-left:0!important;margin-right:0!important;padding:0!important}
  html[data-theme] .chips .search-wrap{order:-1;flex:1 1 100%;margin:0 0 4px}
  html[data-theme] .chips .search-wrap .search{width:100%!important;height:46px}
  /* join: field and button stacked, normal height */
  html[data-theme] .jform{flex-direction:column}
  html[data-theme] .jform input[type=email]{flex:none!important;height:50px}
  html[data-theme] .jform button{height:50px}
}

/* share window (polish.js · [data-share]) */
#shSheet{position:fixed;inset:0;z-index:270;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(10,8,12,.55);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s}
#shSheet.open{opacity:1;pointer-events:auto}
#shSheet .shb{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:22px;padding:26px 24px 22px;width:100%;max-width:420px;position:relative;transform:translateY(14px);transition:transform .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 40px 90px -30px rgba(0,0,0,.7)}
#shSheet.open .shb{transform:none}
#shSheet .shx{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--muted);font-size:1.1rem;cursor:pointer}
#shSheet .sht{display:flex;gap:14px;align-items:center;margin:0 0 18px}
#shSheet .sht img{width:56px;height:56px;border-radius:10px;object-fit:cover}
#shSheet .sht small{display:block;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}
#shSheet .sht b{font-family:'Cardo',Georgia,serif;font-weight:400;font-size:1.5rem}
#shSheet .shl{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:6px 6px 6px 14px;background:var(--bg);margin:0 0 16px}
#shSheet .shl span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;color:var(--ink-soft)}
#shSheet .shl button{flex:none;border:0;border-radius:10px;padding:10px 16px;background:linear-gradient(135deg,var(--accent),#c4552a);color:#fff;font:600 .66rem 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
#shSheet .shl button.ok{background:#3E9A5E}
#shSheet .shg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#shSheet .shg a{text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 4px;border:1px solid var(--line);border-radius:14px;font-size:.72rem;color:var(--ink-soft);cursor:pointer;transition:all .2s;text-decoration:none}
#shSheet .shg a:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-2px)}
#shSheet .shg svg{width:22px;height:22px}
@media(max-width:560px){#shSheet{align-items:flex-end;padding:0}#shSheet .shb{border-radius:22px 22px 0 0;max-width:none}}
#shSheet .shl button:hover{filter:brightness(1.08)}