/* The independent homepage does not have #app. These refinements only style the application. */
body:has(#app){--hoya-panel:#FFFEFB;--hoya-panel-strong:#FFFEFB;--hoya-shadow:0 3px 18px rgb(92 79 70/.025)}
html.dark body:has(#app){--hoya-panel:#252524;--hoya-panel-strong:#292827;--hoya-shadow:0 3px 18px rgb(0 0 0/.07)}
body:has(#app) .hoya-workspace .sidebar{background:var(--hoya-bg)}
body:has(#app) .hoya-workspace .sidebar-header{height:88px;padding-left:23px}
body:has(#app) .hoya-workspace .sidebar-nav{padding:18px 12px 20px}
body:has(#app) .hoya-workspace .sidebar-section{margin-bottom:22px}
body:has(#app) .hoya-nav-caption{display:flex;justify-content:space-between;align-items:center;margin:0 13px 13px;color:var(--hoya-faint);font-size:10px;letter-spacing:.07em}
body:has(#app) .hoya-nav-caption>span{font:7px Arial,sans-serif;letter-spacing:.1em;opacity:.7}
body:has(#app) .hoya-workspace .sidebar-section-title{margin:22px 13px 12px;padding:0;font-size:10px;font-weight:400;letter-spacing:.06em}
body:has(#app) .hoya-workspace .sidebar-section-title::after{display:none}
body:has(#app) .hoya-workspace .sidebar-link{position:relative;min-height:39px;margin-bottom:3px;padding:9px 13px;border:0;border-radius:7px;color:var(--hoya-text-secondary);font-size:12px;line-height:1.6;gap:12px}
body:has(#app) .hoya-workspace .sidebar-link>svg{width:17px;height:17px;stroke-width:1.5;opacity:.83}
body:has(#app) .hoya-workspace .sidebar-link-active{background:var(--hoya-selected);color:var(--hoya-text);box-shadow:inset 0 0 0 1px var(--hoya-border)}
body:has(#app) .hoya-workspace .sidebar-link-active::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--hoya-muted)}
body:has(#app) .hoya-workspace .sidebar:has(.sidebar-header-collapsed) .hoya-nav-caption{display:none}
body:has(#app) .hoya-workspace .sidebar-link-collapsed{justify-content:center;padding-left:10px;padding-right:10px}
body:has(#app) .hoya-workspace header.glass{background:var(--hoya-glass)!important;backdrop-filter:blur(14px)!important}
body:has(#app) .hoya-workspace header.glass h1{font-size:22px}
body:has(#app) .hoya-workspace header.glass>div{min-height:82px}
body:has(#app) .hoya-workspace main{padding-top:31px}
body:has(#app) .hoya-workspace-intro{margin-bottom:25px;padding-bottom:24px}
body:has(#app) .hoya-workspace-intro h2{font-size:clamp(27px,2.45vw,36px);margin-top:15px}
body:has(#app) .hoya-workspace :where(.card,.stat-card){border:1px solid var(--hoya-border);border-radius:11px;background:var(--hoya-panel);box-shadow:var(--hoya-shadow)}
body:has(#app) .hoya-workspace .card-header{border-radius:10px 10px 0 0;background:transparent}
body:has(#app) .hoya-workspace .card :where(h2,h3){font-weight:500}
body:has(#app) .hoya-workspace .hoya-stat-strip{gap:14px;padding:0;border:0}
body:has(#app) .hoya-workspace .hoya-stat,body:has(#app) .hoya-workspace .hoya-stat:first-child{min-height:143px;margin:0;padding:22px 19px;border:1px solid var(--hoya-border);border-radius:10px;background:var(--hoya-panel);box-shadow:var(--hoya-shadow)}
body:has(#app) .hoya-workspace .hoya-stat>div.flex{gap:12px}
body:has(#app) .hoya-workspace .hoya-stat>div.flex>div:first-child{display:grid;place-items:center;min-width:29px;height:29px;padding:0;border-radius:6px;background:var(--hoya-soft);color:var(--hoya-muted)}
body:has(#app) .hoya-workspace .hoya-stat svg{width:16px;height:16px}
body:has(#app) .hoya-workspace .hoya-stat .text-xl.font-bold{font-size:30px;line-height:1.2;margin:8px 0 6px;font-variant-numeric:tabular-nums}
body:has(#app) .hoya-workspace .hoya-stat .text-sm{font-size:11px}
body:has(#app) .hoya-workspace .hoya-stat .text-xs{font-size:10px;line-height:1.7}
body:has(#app) .hoya-workspace .table-page-layout{gap:20px}
body:has(#app) .hoya-workspace .table-wrapper{border:1px solid var(--hoya-border);border-radius:10px;background:var(--hoya-panel);box-shadow:var(--hoya-shadow);scrollbar-width:thin;scrollbar-color:var(--sand) transparent}
body:has(#app) .hoya-workspace :where(.table,.table-wrapper table){border-collapse:separate;border-spacing:0;background:var(--hoya-panel)}
body:has(#app) .hoya-workspace :where(.table thead,.table-wrapper thead,.table-header){background:var(--hoya-soft)}
body:has(#app) .hoya-workspace :where(.table th,.table-wrapper th){padding-top:14px;padding-bottom:14px;border-bottom:1px solid var(--hoya-border);font-size:11px;font-weight:500;letter-spacing:.03em;color:var(--hoya-muted);white-space:nowrap}
body:has(#app) .hoya-workspace :where(.table td,.table-wrapper td){padding-top:15px;padding-bottom:15px;border-bottom:1px solid color-mix(in srgb,var(--hoya-border) 70%,transparent);font-size:12px;line-height:1.65;vertical-align:middle;font-variant-numeric:tabular-nums}
body:has(#app) .hoya-workspace :where(.table tbody tr:last-child td,.table-wrapper tbody tr:last-child td){border-bottom:0}
body:has(#app) .hoya-workspace :where(.table tbody tr,.table-wrapper tbody tr){transition:background-color .16s}
body:has(#app) .hoya-workspace :where(.table tbody tr:hover,.table-wrapper tbody tr:hover){background:var(--hoya-row-hover)}
body:has(#app) .hoya-workspace .table-wrapper :where(.font-medium,.font-semibold){font-weight:500}
body:has(#app) .hoya-workspace .table-wrapper .text-xs{font-size:10px}
body:has(#app) .hoya-workspace .table-footer{padding-top:16px;padding-bottom:16px;border-top-color:var(--hoya-border);background:transparent}
body:has(#app) .hoya-workspace .table-pagination{color:var(--hoya-muted);font-size:11px}
body:has(#app) .hoya-workspace :where(.btn,.input,.select-trigger){border-radius:6px}
body:has(#app) .hoya-workspace .btn-primary{box-shadow:0 4px 12px rgb(31 31 31/.06)}
body:has(#app) .hoya-workspace .modal-content{border-radius:12px}
body:has(#app) .hoya-workspace .settings-tabs-shell{border:1px solid var(--hoya-border);border-radius:9px;background:var(--hoya-glass);box-shadow:0 4px 18px rgb(92 79 70/.04);backdrop-filter:blur(12px)}
body:has(#app) .hoya-workspace .settings-tab{border-radius:6px;color:var(--hoya-muted);font-size:12px;font-weight:400}
body:has(#app) .hoya-workspace .settings-tab::before{border-radius:6px;background:var(--hoya-soft)}
body:has(#app) .hoya-workspace .settings-tab-active{border-color:var(--hoya-border-strong);background:var(--hoya-selected);color:var(--hoya-text);box-shadow:none}
body:has(#app) .hoya-workspace .settings-tab-active::after{background:var(--hoya-muted)}
body:has(#app) .hoya-workspace .settings-tab-active .settings-tab-icon{color:var(--hoya-text);background:var(--hoya-panel);border-color:var(--hoya-border)}
body:has(#app) .hoya-login-settings{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 25px;margin-bottom:24px;border:1px solid var(--hoya-border);border-radius:10px;background:var(--hoya-panel)}
body:has(#app) .hoya-login-settings p{margin:0 0 7px;color:var(--hoya-faint);font:8px Arial,sans-serif;letter-spacing:.14em}
body:has(#app) .hoya-login-settings h2{margin:0;font:400 24px/1.4 var(--serif);color:var(--hoya-text)}
body:has(#app) .hoya-login-settings small{display:block;margin-top:8px;color:var(--hoya-muted);font-size:11px}
body:has(#app) .hoya-login-settings button{flex:none}
body:has(#app) .hoya-setting-focus{outline:0;text-decoration:underline;text-decoration-color:var(--wheat);text-decoration-thickness:1px;text-underline-offset:6px}
body:has(#app) #app .hoya-auth{grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);column-gap:6%;padding-left:4.5vw;padding-right:4.5vw}
body:has(#app) .hoya-auth-story{padding-top:62px;padding-bottom:38px;align-self:center}
body:has(#app) .hoya-auth-gallery-copy{padding-top:42px;padding-left:2px}
body:has(#app) #app .hoya-auth-form{max-width:370px}
body:has(#app) .hoya-social-options{margin-top:25px}
body:has(#app) .hoya-social-divider{display:flex;align-items:center;gap:12px;color:var(--hoya-faint);font-size:10px;margin:0 0 16px}
body:has(#app) .hoya-social-divider::before,body:has(#app) .hoya-social-divider::after{content:"";height:1px;background:var(--hoya-border);flex:1}
body:has(#app) .hoya-social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body:has(#app) .hoya-social-buttons button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px;border:1px solid var(--hoya-border);border-radius:5px;background:var(--hoya-panel);color:var(--hoya-muted);font-size:12px}
body:has(#app) .hoya-social-buttons img,body:has(#app) .hoya-social-buttons svg{width:18px;height:18px;opacity:1;filter:none}
body:has(#app) .hoya-social-buttons button:disabled{cursor:not-allowed;opacity:1}
body:has(#app) .hoya-social-options>small{display:block;margin-top:10px;color:var(--hoya-faint);font-size:10px;text-align:center}
body:has(#app) .hoya-auth-form button[data-hoya-brand] :is(svg,img){width:20px;height:20px;flex-shrink:0;filter:none;opacity:1}
body:has(#app) .hoya-auth-form button[data-hoya-brand=google]{background:var(--hoya-panel);border-color:#4285f440}
body:has(#app) .hoya-auth-form button[data-hoya-brand=wechat]{border-color:#07c16055}
body:has(#app) .hoya-auth-form button[data-hoya-brand=dingtalk]{border-color:#1688ff55}
body:has(#app) .hoya-auth-form button[data-hoya-brand=linuxdo]{border-color:#f3a63266}
body:has(#app) .hoya-auth-form .hoya-mail-icon{color:#4285f4!important}
body:has(#app) .hoya-auth-form .hoya-password-icon{color:#9b65ce!important}
body:has(#app) .hoya-auth-help{margin-top:12px;max-width:660px;font-size:12px;color:var(--hoya-muted);line-height:1.8}
body:has(#app) .hoya-auth-help summary{cursor:pointer;color:var(--hoya-text-secondary)}
body:has(#app) .hoya-auth-help p{margin:10px 0;font-size:12px;white-space:normal}
body:has(#app) .hoya-auth-help a{display:inline-block;margin:6px 18px 0 0;border-bottom:1px solid var(--hoya-border)}
@media(min-width:1600px){body:has(#app) #app .hoya-auth{padding-left:max(4.5vw,calc((100vw - 1600px)/2));padding-right:max(4.5vw,calc((100vw - 1600px)/2))}}
@media(max-width:1100px) and (min-width:851px){body:has(#app) #app .hoya-auth{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:5%;padding-left:4vw;padding-right:4vw}body:has(#app) .hoya-auth-gallery-copy{padding-top:30px}body:has(#app) .hoya-auth-story h1{font-size:30px}}
@media(max-width:850px){body:has(#app) #app .hoya-auth{grid-template-columns:minmax(0,1fr);grid-template-rows:76px auto auto 64px;padding-left:7vw;padding-right:7vw}body:has(#app) .hoya-auth-story{grid-row:3;padding:32px 0 40px}body:has(#app) .hoya-auth-gallery-copy{padding-top:28px}body:has(#app) #app .hoya-auth-form{grid-row:2;justify-self:center;max-width:520px;padding-top:37px;padding-bottom:10px}body:has(#app) .hoya-login-settings{align-items:flex-start;flex-direction:column;gap:15px;padding:20px}}
@media(max-width:640px){body:has(#app) .hoya-workspace main{padding:22px 16px}body:has(#app) .hoya-workspace header.glass>div{min-height:72px}body:has(#app) .hoya-workspace .hoya-stat-strip{gap:11px}body:has(#app) .hoya-workspace .hoya-stat,body:has(#app) .hoya-workspace .hoya-stat:first-child,body:has(#app) .hoya-workspace .hoya-stat:nth-child(n+3){min-height:132px;margin:0;padding:17px 13px;border:1px solid var(--hoya-border)}body:has(#app) .hoya-workspace .hoya-stat .text-xl.font-bold{font-size:26px}body:has(#app) .hoya-workspace .hoya-stat>div.flex{gap:9px}body:has(#app) .hoya-workspace .hoya-stat>div.flex>div:first-child{min-width:23px;height:25px}body:has(#app) .hoya-workspace .hoya-stat .text-xs{font-size:9px}}