/* Shared PairCode surfaces: blue light, a little lilac, restrained motion. */
:root{--pc-polish-border:#e0e8f7;--pc-polish-shadow:0 10px 32px rgba(40,67,124,.045);--pc-polish-hover:0 19px 44px rgba(51,78,146,.115);--pc-polish-ease:cubic-bezier(.22,.61,.36,1)}
html:root body:not(.pc-auth-frame){background-image:radial-gradient(ellipse at 7% 5%,rgba(120,161,255,.10),transparent 32%),radial-gradient(ellipse at 92% 22%,rgba(160,139,237,.09),transparent 30%),linear-gradient(180deg,#f6f9ff,#f0f5fc 75%)!important;background-color:#f3f7fd!important;background-attachment:scroll}
/* Corners use layered backgrounds, so they neither cover controls nor clip menus. */
html:root body :is(.pc-discovery,.pc-index-sidebar,.pc-boards-category,.pc-boards-panel,.pc-event-content,.pm-card,.pm-sidecard,.pc-profile-page .bm,.pc-post-moments){border-color:var(--pc-polish-border);background:radial-gradient(ellipse 190px 145px at 100% 0%,rgba(150,135,237,.075),transparent 75%),linear-gradient(135deg,#fff 35%,#fbfcff);box-shadow:var(--pc-polish-shadow);transition:border-color .28s ease,box-shadow .28s ease,transform .28s var(--pc-polish-ease)}
html:root body :is(.pc-board-card,.pm-list-card,.pc-event-content,.pc-post-moments-grid>a){background:radial-gradient(ellipse 150px 110px at 100% 0%,rgba(143,151,242,.105),transparent 75%),linear-gradient(145deg,#fff,#f8faff);border-color:#dde7f8;box-shadow:0 6px 20px #31528806;transition:transform .28s var(--pc-polish-ease),box-shadow .28s ease,border-color .28s ease,background-color .28s ease}
html:root body #pn-desk .pn-card{background-image:radial-gradient(ellipse 170px 130px at 100% 0%,#ffffffa8,transparent 75%);box-shadow:var(--pc-polish-shadow);transition:transform .28s var(--pc-polish-ease),box-shadow .28s ease,border-color .28s ease}
html:root body .pc-discovery__topic{transition:background .25s ease,box-shadow .25s ease}
html:root body .pc-discovery__topic :is(h3,.pc-discovery__icon,.pc-discovery__open){transition:transform .25s var(--pc-polish-ease),color .25s ease,box-shadow .25s ease}
html:root body :is(.pc-board-icon,.pc-discovery__icon){background:linear-gradient(140deg,#eaf3ff,#f0edff);border:1px solid #e2eaff;box-shadow:0 7px 17px #507bca0b}
html:root body :is(.pc-boards-shortcuts a,.pc-index-sidebar__group a,#nv li>a,.pm-tabs a){transition:background .23s ease,color .23s ease,transform .23s var(--pc-polish-ease),box-shadow .23s ease}
html:root body :is(.pc-board-card,.pm-list-card,.pc-event-content,.pn-card,.pc-post-moments-grid>a):focus-within{border-color:#a8c3f1;box-shadow:0 0 0 3px #739eff12,var(--pc-polish-shadow)}
html:root body :is(.pc-board-card,.pm-list-card,.pc-post-moments-grid>a) a:focus-visible{outline:2px solid #80aaff;outline-offset:3px;border-radius:4px}
html:root body :is(.pc-header-post,.pc-primary-action){background:linear-gradient(115deg,#1764f5,#4273f3)!important;box-shadow:0 9px 24px #2563eb20;transition:transform .24s var(--pc-polish-ease),box-shadow .24s ease}
html:root body .pc-index-hero__art{animation:pc-polish-art-float 7s ease-in-out infinite}
@keyframes pc-polish-art-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(-4deg)}}
@media(hover:hover) and (pointer:fine){
 html:root body :is(.pc-board-card,.pm-list-card,.pc-event-content,.pc-post-moments-grid>a):hover{transform:translateY(-5px);border-color:#becff1;box-shadow:var(--pc-polish-hover);background:radial-gradient(ellipse 230px 180px at var(--pc-light-x,85%) var(--pc-light-y,10%),rgba(139,161,245,.12),transparent 78%),linear-gradient(130deg,#fafdff,#f6f4ff)}
 html:root body #pn-desk .pn-card:hover{transform:translateY(-5px);border-color:#b8ccec;box-shadow:var(--pc-polish-hover)}
 html:root body .pc-discovery__topic:hover{background:linear-gradient(100deg,#edf4ff,#f6f3ff80 65%,#fff);box-shadow:inset 3px 0 #93b6ff}
 html:root body .pc-discovery__topic:hover h3{transform:translateX(5px)}
 html:root body .pc-discovery__topic:hover .pc-discovery__icon{transform:translateY(-2px);box-shadow:0 9px 21px #567ad321}
 html:root body .pc-discovery__topic:hover .pc-discovery__open{transform:translateX(4px);color:#1763f3}
 html:root body :is(.pc-boards-shortcuts a,.pc-index-sidebar__group a):hover{background:linear-gradient(110deg,#eaf2ff,#f1edff);color:#235ccc;transform:translateX(3px)}
 html:root body #nv li:not(.a)>a:hover{background:linear-gradient(125deg,#eff5ff,#f2efff);transform:translateY(-2px)}
 html:root body :is(.pc-header-post,.pc-primary-action):hover{transform:translateY(-2px);box-shadow:0 14px 30px #2563eb30}
}
@media(max-width:760px){html:root body :is(.pc-board-card,.pm-list-card,.pc-event-content,.pc-boards-panel){box-shadow:0 5px 17px #31528806}.pc-index-hero__art{animation:none!important}}
@media(prefers-reduced-motion:reduce){html:root body .pc-index-hero__art{animation:none}html:root body :is(.pc-board-card,.pm-list-card,.pc-event-content,.pn-card,.pc-post-moments-grid>a,.pc-header-post,.pc-primary-action,.pc-discovery__topic h3,.pc-discovery__icon,.pc-discovery__open,.pc-boards-shortcuts a,.pc-index-sidebar__group a,#nv li>a){transition:none!important;transform:none!important}}
@media(max-width:760px){html:root body#nv_plugin{min-width:0!important;width:100%!important}html:root body#nv_plugin #wp{min-width:0!important;width:100%!important;max-width:100%!important}html:root body#nv_plugin :is(#pm-community,#pn-desk){width:100%;max-width:100%;min-width:0;box-sizing:border-box}html:root body#nv_plugin #hd .wp{min-width:0!important;max-width:100%!important}}
@media(max-width:760px){html:root body#nv_plugin #hd{height:auto;min-height:100px}html:root body#nv_plugin #hd .hdc{height:auto;min-height:100px;display:block;padding:10px 0;position:relative}html:root body#nv_plugin #hd h2{float:none;margin:0}html:root body#nv_plugin #hd :is(.pc-header-post,#scbar){display:none!important}html:root body#nv_plugin #nv{float:none!important;clear:both;width:100%!important;margin:8px 0 0!important;height:36px!important;overflow:hidden}html:root body#nv_plugin #nv ul{display:flex;justify-content:center;gap:0;float:none;margin:0;padding:0;white-space:nowrap}html:root body#nv_plugin #nv li{float:none!important;margin:0!important}html:root body#nv_plugin #nv li>a{padding:6px 10px!important;font-size:13px!important;line-height:22px!important;height:auto!important}html:root body#nv_plugin #um{position:absolute;right:0;top:10px;margin:0!important}html:root body#nv_plugin #qmenu{display:none!important}}
@media(max-width:760px){html:root body#nv_plugin{padding-top:0!important}html:root body#nv_plugin #hd{position:relative!important;top:auto!important}html:root body#nv_plugin #wp{padding-top:0!important;margin-top:0!important}}
/* Two line-art illustrations, each tied to the purpose of its personal space. */
html:root body :is(.pm-hero,.pn-hero){position:relative;isolation:isolate;overflow:hidden}html:root body :is(.pm-hero,.pn-hero)::after{content:'';position:absolute;inset:12px 1% 12px 52%;z-index:-1;pointer-events:none;background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.9;animation:pc-personal-art-drift 9s ease-in-out infinite}html:root body .pm-hero::after{background-image:url('paircode-moments-hero.svg?v=2')}html:root body .pn-hero::after{background-image:url('paircode-notes-hero.svg?v=2');animation-delay:-3s}html:root body :is(.pm-hero,.pn-hero)>:is(h1,p){max-width:55%}@keyframes pc-personal-art-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:760px){html:root body :is(.pm-hero,.pn-hero)::after{inset:0 -20% 0 32%;opacity:.25;animation:none}html:root body :is(.pm-hero,.pn-hero)>:is(h1,p){max-width:100%}}@media(prefers-reduced-motion:reduce){html:root body :is(.pm-hero,.pn-hero)::after{animation:none}}
html:root body #pn-desk .pn-toolbar{display:grid;grid-template-columns:auto minmax(0,550px) auto;align-items:center;justify-content:space-between;gap:22px;margin:22px 0 20px}html:root body #pn-desk .pn-toolbar .pn-filters{margin:0;min-width:0;gap:10px}html:root body #pn-desk .pn-toolbar .pn-filters input{max-width:none;width:0;flex:1}html:root body #pn-desk .pn-toolbar .pn-filters :is(select,span){flex:none}html:root body #pn-desk .pn-toolbar .pn-filters span{white-space:nowrap}html:root body #pn-desk #pn-add{white-space:nowrap}@media(max-width:760px){html:root body #pn-desk .pn-toolbar{grid-template-columns:1fr auto;gap:12px}html:root body #pn-desk .pn-toolbar nav{grid-column:1;grid-row:1}html:root body #pn-desk #pn-add{grid-column:2;grid-row:1}html:root body #pn-desk .pn-toolbar .pn-filters{grid-column:1 / -1;grid-row:2;width:100%;flex-wrap:wrap}}