html{color-scheme:light}body{margin:0;background:#f7f8fa} [hidden]{display:none!important}
#personal-desk{font-size:16px;--pd-bg:#f7f8fa;--pd-panel:#fff;--pd-ink:#23332e;--pd-muted:#67766f;--pd-line:#e5ebe7;--pd-soft:#e9f2ed;--pd-accent:#2c6950;--pd-on:#fff;--pd-warn:#995124}#personal-desk .pd-window{min-height:100dvh;border:0;border-radius:0;grid-template-columns:210px minmax(0,1fr)}
#personal-desk .pd-main{max-width:1400px;width:100%;margin:0 auto;min-height:100dvh}#personal-desk main{padding:32px clamp(18px,4vw,64px)}
#personal-desk .pd-sidebar{position:sticky;top:0;height:100dvh}#personal-desk header{padding-inline:clamp(18px,4vw,64px)}
#personal-desk .pd-window .pd-bottom{position:sticky;bottom:0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:9}
#personal-desk #pd-editor{padding:28px clamp(18px,4vw,64px);max-width:850px}
#personal-desk label.pd-field,#personal-desk small,#personal-desk summary,#personal-desk .pd-heading p,#personal-desk .pd-compact,#personal-desk .pd-toast,#personal-desk .pd-filterbar label,#personal-desk .pd-photo-name{font-size:14px}
#personal-desk h2{font-size:19px}#personal-desk h3{font-size:17px}#personal-desk .pd-row{padding-block:18px}#personal-desk .pd-row small{line-height:1.7}
#personal-desk .pd-empty{padding:36px 20px}#personal-desk button{min-height:44px}#personal-desk .pd-crumb{font-size:14px}
#personal-desk .auth-card{max-width:400px;margin:10vh auto;padding:36px;background:#fff;border:1px solid #e5ebe7;border-radius:18px}
#personal-desk .auth-card h1{font-size:24px;margin:24px 0}#personal-desk .auth-card .pd-brand{margin:0}
#personal-desk .pd-file-large img{width:100%;height:100%;object-fit:contain;border-radius:8px}#personal-desk .pd-photo img{width:100%;height:100%;object-fit:cover;border-radius:8px}
#personal-desk .file-preview{max-height:440px;width:100%;object-fit:contain;background:var(--pd-panel);border-radius:12px}
#personal-desk .pd-photo-tile .pd-photo{height:160px;overflow:hidden}#personal-desk a{color:var(--pd-accent);overflow-wrap:anywhere}
#personal-desk .pd-detail{color:var(--pd-ink)}#personal-desk .pd-tile .pd-link{font-size:18px}#personal-desk .pd-tile{padding:22px}
#personal-desk .pd-more-menu{max-width:500px}#personal-desk .pd-selected-file>span{font-size:14px}
#personal-desk input[type=checkbox]{accent-color:var(--pd-accent)}#personal-desk .danger{color:#993e29}
#personal-desk .pd-search{font-size:16px}#personal-desk :focus-visible{outline:3px solid #2c695080;outline-offset:3px}
#connection:not(:empty){padding:12px 24px;background:#fff3d9;color:#754c10}#personal-desk .unread{border-left:4px solid var(--pd-accent)}
#personal-desk .pd-field textarea{resize:vertical}#personal-desk .pd-actions a{padding:9px 12px;border:1px solid var(--pd-line);border-radius:9px;text-decoration:none}
#personal-desk .pd-filterbar input{width:100%;border:1px solid var(--pd-line);border-radius:8px;padding:8px;font-size:16px}
@media(max-width:600px){#personal-desk .pd-window{grid-template-columns:1fr}#personal-desk .pd-sidebar{display:none}#personal-desk .pd-main{min-height:100dvh;display:flex;flex-direction:column}#personal-desk .pd-bottom{margin-top:auto}#personal-desk header{padding:14px 16px}#personal-desk main{padding:24px 16px}#personal-desk .pd-photo-tile .pd-photo{height:120px}#personal-desk .auth-card{margin:7vh 16px;padding:26px}#personal-desk .pd-crumb{font-size:12px}#personal-desk #pd-editor{padding:22px 16px}#personal-desk .pd-bottom button{font-size:13px}}