.pdash{--clay:#ea580c;--clay-soft:#ea580c14;--clay-line:#ea580c38;--ink:#2a2a2a;--ink-2:#6b6b6b;--ink-3:#9b9b9b;--paper:#faf7f2;--surface:#fff;--line:#eee7dc;--dg:var(--font-noto-serif),"Noto Serif",serif;--body:var(--font-jakarta),"Plus Jakarta Sans",system-ui,sans-serif;--shadow-card:0 1px 2px #3c230a0d,0 6px 20px -8px #3c230a1a;--shadow-pop:0 8px 30px -6px #3c230a38,0 2px 8px #3c230a14;background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;display:flex}.pdash *,.pdash :before,.pdash :after{box-sizing:border-box}.pdash button{font-family:var(--body);cursor:pointer;color:inherit;background:0 0;border:none}.pdash .pd-i{flex:none;width:17px;height:17px}.pd-side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex:none;align-self:flex-start;width:240px;height:100dvh;padding:26px 18px 18px;transition:width .25s cubic-bezier(.2,.7,.2,1);display:flex;position:sticky;top:0}.pd-side.collapsed{width:78px;padding-left:13px;padding-right:13px}.pd-side-head{justify-content:space-between;align-items:center;gap:8px;margin:0 8px 26px;display:flex}.pd-side-logo{min-width:0;display:block}.pd-side-logo img{width:auto;height:24px;display:block}.pd-side-toggle{width:32px;height:32px;color:var(--ink-3);border-radius:9px;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.pd-side-toggle:hover{color:var(--clay);background:#f7f2ea}.pd-side.collapsed .pd-side-head{justify-content:center;margin:0 0 24px}.pd-side.collapsed .pd-side-logo,.pd-side.collapsed .pd-side-label,.pd-side.collapsed .pd-side-link b,.pd-side.collapsed .pd-profile-meta{display:none}.pd-new-btn{text-transform:uppercase;letter-spacing:1.4px;color:#fff;background:linear-gradient(150deg,#ffb238 0%,#f9791d 55%,#e2570a 100%);border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 16px;font-size:13px;font-weight:700;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:inset 0 2px 3px #fff9,inset 0 -6px 10px #782d0059,0 10px 22px -8px #ea580c99}.pd-new-btn:hover{transform:translateY(-1px);box-shadow:inset 0 2px 3px #ffffffa6,inset 0 -6px 10px #782d004d,0 14px 28px -8px #ea580ca6}.pd-new-btn:active{transform:translateY(1px);box-shadow:inset 0 3px 6px #782d0066,0 5px 14px -8px #ea580c8c}.pd-side.collapsed .pd-new-btn{border-radius:15px;width:46px;height:46px;margin:0 auto;padding:0}.pd-side-nav{flex-direction:column;gap:3px;margin-top:26px;display:flex}.pd-side-link{width:100%;color:var(--ink-2);text-align:left;border-radius:11px;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.pd-side-link:hover{color:var(--ink);background:#f7f2ea}.pd-side-link.on{background:var(--clay-soft);color:var(--clay)}.pd-side-link span{flex:1}.pd-side-link b{color:var(--ink-3);background:#f3ede3;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700}.pd-side-link.on b{color:var(--clay);background:#ea580c1f}.pd-side.collapsed .pd-side-link{justify-content:center;padding:12px 0}.pd-profile-chip{text-align:left;border-radius:13px;align-items:center;gap:11px;width:100%;margin-top:auto;padding:10px;transition:background .15s;display:flex}.pd-profile-chip:hover{background:#f7f2ea}.pd-side.collapsed .pd-profile-chip{justify-content:center;padding:8px 0}.pd-avatar{color:#fff;background:linear-gradient(150deg,#ffb238,#e2570a);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:grid;box-shadow:inset 0 2px 3px #ffffff80}.pd-profile-meta{flex-direction:column;min-width:0;display:flex}.pd-profile-meta b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.pd-profile-meta i{color:var(--ink-3);font-size:11.5px;font-style:normal}.pd-main{flex:1;min-width:0;max-width:1240px;padding:26px 40px 80px}.pd-topbar{align-items:center;gap:14px;margin-bottom:34px;display:flex}.pd-search{background:var(--surface);border:1.5px solid var(--line);border-radius:14px;flex:1;align-items:center;gap:10px;max-width:460px;height:46px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.pd-search:focus-within{border-color:var(--clay-line);box-shadow:0 0 0 4px #ea580c12}.pd-search .pd-i{color:var(--ink-3)}.pd-search input{height:100%;font-family:var(--body);color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:14px}.pd-search input::placeholder{color:var(--ink-3)}.pd-search kbd{font-family:var(--body);color:var(--ink-3);background:#f3ede3;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:600}.pd-search-clear{color:var(--ink-3);border-radius:6px;padding:4px 6px;font-size:18px;line-height:1}.pd-search-clear:hover{color:var(--ink);background:#f3ede3}.pd-top-controls{gap:10px;margin-left:auto;display:flex}.pd-seg{background:var(--surface);border:1.5px solid var(--line);border-radius:12px;gap:2px;padding:3px;display:flex}.pd-seg button{color:var(--ink-2);border-radius:9px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.pd-seg button:hover{color:var(--ink)}.pd-seg button.on{background:var(--clay-soft);color:var(--clay)}.pd-seg-icons button{place-items:center;padding:8px 10px;display:grid}.pd-head{margin-bottom:26px}.pd-head h1{font-family:var(--dg);letter-spacing:-.6px;margin:0 0 8px;font-size:clamp(28px,4vw,38px);font-weight:500;line-height:1.12}.pd-head h1 em{color:var(--clay);font-style:italic}.pd-head p{color:var(--ink-2);margin:0;font-size:14px}.pd-toolbar{align-items:center;gap:12px;margin-bottom:24px;display:flex}.pd-chips{gap:8px;display:flex}.pd-chip{color:var(--ink-2);background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.pd-chip:hover{border-color:var(--clay-line);color:var(--ink)}.pd-chip.on{background:var(--clay);border-color:var(--clay);color:#fff;box-shadow:0 6px 16px -6px #ea580c8c}.pd-empty-trash{color:#c2410c;border:1.5px solid #c2410c4d;border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:8px 14px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.pd-empty-trash:hover{background:#c2410c0f;border-color:#c2410c80}.pd-empty-trash .pd-i{width:14px;height:14px}.pd-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;display:grid}.pd-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:18px;transition:box-shadow .2s,border-color .2s,transform .2s;position:relative;overflow:visible}.pd-card:hover{border-color:var(--clay-line);transform:translateY(-3px);box-shadow:0 2px 4px #3c230a0d,0 18px 38px -12px #ea580c40}.pd-card.menu-open{z-index:30}.pd-card-open{width:100%;padding:8px 8px 0;display:block}.pd-cover{aspect-ratio:160/100;border:1px solid var(--line);border-radius:12px;display:block;overflow:hidden}.pd-cover-art{width:100%;height:100%;display:block}.pd-card-open:active .pd-cover{transform:scale(.985)}.pd-star{z-index:2;width:32px;height:32px;color:var(--ink-2);opacity:0;background:#ffffffeb;border-radius:50%;place-items:center;transition:opacity .15s,transform .15s,color .15s;display:grid;position:absolute;top:16px;right:16px;transform:scale(.85);box-shadow:0 2px 8px #3c230a24}.pd-card:hover .pd-star,.pd-star.on{opacity:1;transform:scale(1)}.pd-star:hover{color:var(--clay)}.pd-star.on{color:#f59e0b}.pd-star .pd-i{width:15px;height:15px}.pd-card-foot{align-items:center;gap:10px;padding:12px 12px 14px;display:flex}.pd-type{border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.pd-type.notebook{color:var(--clay);background:var(--clay-soft)}.pd-type.canvas{color:#d97706;background:#d9770617}.pd-card-meta{flex:1;min-width:0}.pd-card-meta h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.pd-card-meta p{color:var(--ink-3);margin:2px 0 0;font-size:11.5px}.pd-kebab{width:30px;height:30px;color:var(--ink-3);border-radius:9px;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.pd-kebab:hover,.pd-kebab[aria-expanded=true]{color:var(--ink);background:#f3ede3}.pd-menu{z-index:40;background:var(--surface);border:1px solid var(--line);min-width:178px;box-shadow:var(--shadow-pop);border-radius:13px;padding:6px;position:absolute;bottom:54px;right:10px}.pd-menu button{width:100%;color:var(--ink);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:9px 11px;font-size:13px;font-weight:600;transition:background .12s;display:flex}.pd-menu button:hover{background:#f7f2ea}.pd-menu button .pd-i{width:15px;height:15px;color:var(--ink-2)}.pd-menu button.danger,.pd-menu button.danger .pd-i{color:#c2410c}.pd-menu button.danger:hover{background:#c2410c12}.pd-menu-backdrop{z-index:20;cursor:default;position:fixed;inset:0}.pd-list{flex-direction:column;gap:8px;display:flex}.pd-row{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:14px;align-items:center;gap:6px;padding-right:10px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.pd-row:hover{border-color:var(--clay-line);box-shadow:0 10px 26px -12px #ea580c38}.pd-row.menu-open{z-index:30}.pd-row-open{text-align:left;flex:1;align-items:center;gap:15px;min-width:0;padding:10px 12px;display:flex}.pd-row-thumb{aspect-ratio:160/100;border:1px solid var(--line);border-radius:8px;flex:none;width:64px;display:block;overflow:hidden}.pd-row-title{flex:1;min-width:0}.pd-row-title h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.pd-row-title p{color:var(--ink-3);margin:2px 0 0;font-size:11.5px}.pd-row-time{color:var(--ink-3);white-space:nowrap;flex:none;margin-right:6px;font-size:12px}.pd-row-star{opacity:1;box-shadow:none;background:0 0;position:static;transform:none}.pd-row-star:not(.on){color:var(--ink-3)}.pd-row .pd-menu{top:calc(100% - 6px);bottom:auto}.pd-empty{text-align:center;flex-direction:column;align-items:center;padding:70px 20px;display:flex}.pd-empty-art{width:150px;height:auto;margin-bottom:18px}.pd-empty h2{font-family:var(--dg);margin:0 0 8px;font-size:24px;font-weight:500}.pd-empty p{color:var(--ink-2);margin:0 0 22px;font-size:14px}.pd-skeleton{background:linear-gradient(100deg,#f4efe7 40%,#fbf8f2 50%,#f4efe7 60%) 0 0/200% 100%;border-radius:18px;height:210px;animation:1.4s ease-in-out infinite pd-shimmer}@keyframes pd-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}.pd-btn-clay{text-transform:uppercase;letter-spacing:1.3px;color:#fff;background:linear-gradient(150deg,#ffb238 0%,#f9791d 55%,#e2570a 100%);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:13px;font-weight:700;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:inset 0 2px 3px #fff9,inset 0 -6px 10px #782d0059,0 10px 22px -8px #ea580c99}.pd-btn-clay:hover{transform:translateY(-1px)}.pd-btn-clay:active{transform:translateY(1px)}.pd-btn-ghost{color:var(--ink-2);border:1.5px solid var(--line);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.pd-btn-ghost:hover{border-color:var(--clay-line);color:var(--clay);background:var(--clay-soft)}.pd-btn-danger{color:#fff;background:#c2410c;border-radius:16px;justify-content:center;align-items:center;padding:12px 24px;font-size:13px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 8px 20px -8px #c2410c99}.pd-btn-danger:hover{background:#a63a0c;transform:translateY(-1px)}.pd-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#321e0a59;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pd-modal{background:var(--surface);border-radius:20px;width:min(480px,100%);overflow:hidden;box-shadow:0 40px 90px -20px #321e0a73,0 0 0 1px #0000000d}.pd-modal-body{flex-direction:column;padding:30px 30px 28px;display:flex}.pd-modal-body h2{font-family:var(--dg);letter-spacing:-.3px;margin:0 0 20px;font-size:23px;font-weight:500}.pd-confirm p{color:var(--ink-2);margin:-8px 0 24px;font-size:14px;line-height:1.6}.pd-type-picker{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.pd-type-tile{border:1.5px solid var(--line);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.pd-type-tile:hover{border-color:var(--clay-line)}.pd-type-tile.on{border-color:var(--clay);background:#fffaf5;box-shadow:0 0 0 4px #ea580c14}.pd-type-art{aspect-ratio:160/100;border:1px solid var(--line);border-radius:9px;width:100%;margin-bottom:7px;display:block;overflow:hidden}.pd-type-tile b{font-size:14px;font-weight:700}.pd-type-tile i{color:var(--ink-3);font-size:11.5px;font-style:normal}.pd-field{flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.pd-field span{text-transform:uppercase;letter-spacing:1.6px;color:var(--ink-2);font-size:11px;font-weight:700}.pd-field input{border:1.5px solid var(--line);height:46px;font-family:var(--body);color:var(--ink);background:var(--surface);border-radius:12px;outline:none;padding:0 14px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.pd-field input:focus{border-color:var(--clay-line);box-shadow:0 0 0 4px #ea580c12}.pd-modal-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.pd-profile-modal{text-align:center;align-items:center}.pd-avatar-lg{width:62px;height:62px;margin-bottom:14px;font-size:26px}.pd-profile-modal h2{margin-bottom:4px}.pd-profile-sub{color:var(--ink-3);margin:0 0 24px;font-size:12.5px}.pd-profile-modal .pd-field{text-align:left;width:100%}.pd-profile-modal .pd-modal-actions{justify-content:center;width:100%}.pd-signout{text-decoration:none}.pd-reset{color:var(--ink-3);border-bottom:1px dashed #0000;margin-top:18px;font-size:12px;font-weight:600;transition:color .15s}.pd-reset:hover{color:#c2410c;border-color:#c2410c66}.pd-toasts{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.pd-toast{pointer-events:auto;color:#fdf9f3;white-space:nowrap;text-overflow:ellipsis;background:#2a2a2a;border-radius:999px;align-items:center;gap:10px;max-width:min(440px,100vw - 40px);padding:12px 18px;font-size:13.5px;font-weight:600;display:flex;overflow:hidden;box-shadow:0 16px 40px -10px #0006}.pd-toast-dot{background:linear-gradient(150deg,#ffb238,#e2570a);border-radius:50%;flex:none;width:7px;height:7px}.pd-toast button{color:#ffb238;text-transform:uppercase;letter-spacing:.8px;margin-left:4px;font-size:13px;font-weight:700;transition:color .15s}.pd-toast button:hover{color:#ffc866}@media (max-width:900px){.pd-main{padding:22px 22px 100px}.pd-topbar{flex-wrap:wrap}.pd-search{order:2;width:100%;max-width:none}.pd-top-controls{order:1;justify-content:flex-end;width:100%}}@media (max-width:760px){.pdash{flex-direction:column}.pd-side,.pd-side.collapsed{z-index:50;border-right:none;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:8px;width:100%;height:auto;padding:12px 16px;position:sticky;top:0}.pd-side-toggle{display:none}.pd-side-head,.pd-side.collapsed .pd-side-head{justify-content:flex-start;margin:0 10px 0 0}.pd-side.collapsed .pd-side-logo{display:block}.pd-side.collapsed .pd-new-btn{border-radius:16px;width:auto;height:auto;margin:0;padding:10px 16px}.pd-side.collapsed .pd-side-link{padding:8px 10px}.pd-side.collapsed .pd-profile-chip{padding:4px}.pd-side-nav{flex-direction:row;flex:1;gap:2px;margin:0}.pd-side-link{width:auto;padding:8px 10px}.pd-side-link span,.pd-side-link b{display:none}.pd-new-btn{order:3;width:auto;padding:10px 16px;font-size:12px}.pd-profile-chip{order:4;width:auto;margin:0;padding:4px}.pd-profile-meta{display:none}.pd-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.pd-head h1{font-size:26px}.pd-row-time{display:none}}