.pn-app{color:#292d2a;background:#faf8f3;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.pn-app *{box-sizing:border-box}.pn-app button{cursor:pointer}.pn-app button:focus-visible,.pn-app a:focus-visible,.pn-app input:focus-visible,.pn-app textarea:focus-visible{outline-offset:2px;outline:3px solid #e6ba8d}.pn-loading{place-items:center;display:grid}.pn-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf8f3ed;border-bottom:1px solid #eae5da;position:sticky;top:0}.pn-header-inner{align-items:center;gap:22px;max-width:1200px;min-height:70px;margin:auto;padding:0 22px;display:flex}.pn-header-inner>a{color:#898579;white-space:nowrap;border-right:1px solid #e2ddcf;align-items:center;gap:6px;padding-right:20px;font-size:12px;text-decoration:none;display:flex}.pn-brand{align-items:center;gap:9px;display:flex}.pn-brand>span{color:#b87539;background:#f6e6cf;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.pn-brand strong{letter-spacing:-1px;white-space:nowrap;font-family:Georgia,serif;font-size:22px;font-weight:500}.pn-brand strong span{color:#d7985e}.pn-primary{color:#fff;background:#2d6251;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 15px;font-size:12px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.pn-primary:hover{background:#204b3d;transform:translateY(-1px)}.pn-header .pn-primary{margin-left:auto}.pn-main{max-width:1200px;margin:auto;padding:36px 22px 26px}.pn-intro{margin-bottom:27px}.pn-intro>p{color:#b78350;letter-spacing:2px;margin:0;font-size:10px;font-weight:800}.pn-intro h1{letter-spacing:-2.8px;margin:12px 0 9px;font-family:Georgia,serif;font-size:clamp(37px,5vw,60px);font-weight:500;line-height:1}.pn-intro h1 em{color:#aa774a;font-weight:400}.pn-intro>span{color:#8a8c80;font-size:13px}.pn-workspace{background:#fff;border:1px solid #e8e4d9;border-radius:18px;grid-template-columns:minmax(300px,.85fr) minmax(0,1.35fr);min-height:570px;display:grid;overflow:hidden}.pn-list{background:#fdfcf9;border-right:1px solid #ece9e0;min-width:0;padding:21px}.pn-list-head{justify-content:space-between;display:flex}.pn-list-head h2{margin:0;font-family:Georgia,serif;font-size:22px;font-weight:500}.pn-list-head p{color:#a2a296;margin:6px 0 0;font-size:11px}.pn-list-head>span{color:#a5865e;background:#f4eee2;border-radius:8px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid}.pn-search{color:#aaa99d;background:#fff;border:1px solid #e8e5db;border-radius:9px;align-items:center;gap:8px;height:40px;margin:20px 0 13px;padding:0 11px;display:flex}.pn-search input{color:#293029;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.pn-search button{color:#a9a79d;background:0 0;border:0;place-items:center;width:22px;height:22px;display:grid}.pn-cards{align-content:start;gap:10px;display:grid}.pn-card{text-align:left;background:#fff;border:1px solid #ebe8df;border-radius:11px;min-width:0;padding:15px;transition:border-color .2s,transform .2s,box-shadow .2s}.pn-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5c49310c}.pn-card.selected{background:#fffdf8;border-color:#d6b88e}.pn-card>div{justify-content:space-between;align-items:center;display:flex}.pn-card-icon{color:#bc8450;background:#faeee0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.pn-pin{color:#bc8450}.pn-card h3{text-overflow:ellipsis;white-space:nowrap;margin:11px 0 5px;font-size:13px;overflow:hidden}.pn-card p{color:#96998c;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:28px;margin:0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.pn-card small{color:#b5b4aa;margin-top:13px;font-size:10px;display:block}.pn-editor{background:#fff;min-width:0}.pn-editor-top{border-bottom:1px solid #f0eee7;justify-content:space-between;align-items:center;gap:10px;min-height:59px;padding:0 21px;display:flex}.pn-editor-top>span{color:#a7a99d;letter-spacing:1.5px;font-size:9px;font-weight:700}.pn-editor-top>div{gap:4px;display:flex}.pn-editor-top>div button{color:#aaa99e;background:0 0;border:0;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.pn-editor-top>div button:hover,.pn-editor-top>div button.active{color:#b8804a;background:#f9eee0}.pn-editor-back{display:none}.pn-paper{flex-direction:column;min-height:500px;padding:48px 55px;display:flex}.pn-title{color:#2b3029;letter-spacing:-1px;background:0 0;border:0;outline:0;width:100%;font-family:Georgia,serif;font-size:35px}.pn-title::placeholder{color:#b4b7a9}.pn-paper>p{color:#b2b4a8;margin:11px 0 28px;font-size:11px}.pn-paper textarea{color:#535c51;width:100%;min-height:360px;font:inherit;resize:none;background:0 0;border:0;outline:0;flex:1;font-size:14px;line-height:1.8}.pn-paper textarea::placeholder{color:#b7b8ac}.pn-editor-empty{text-align:center;color:#c4a477;flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding:30px;display:flex}.pn-editor-empty h2{color:#44483d;margin:16px 0 7px;font-family:Georgia,serif;font-size:25px;font-weight:500}.pn-editor-empty p{color:#a8aa9c;margin:0 0 17px;font-size:12px}.pn-empty{text-align:center;color:#c4a477;padding:30px 16px}.pn-empty h3{color:#45473f;margin:11px 0 4px;font-family:Georgia,serif;font-size:19px;font-weight:500}.pn-empty p{color:#a3a79d;margin:0;font-size:11px}.pn-empty button{color:#a4784c;background:0 0;border:0;align-items:center;gap:5px;margin-top:14px;font-size:11px;font-weight:700;display:inline-flex}.pn-storage{color:#adaea3;text-align:center;margin:20px 0 0;font-size:10px}.pn-storage strong{color:#b4664a}@media (prefers-reduced-motion:no-preference){.pn-intro,.pn-workspace{animation:.5s both pn-enter}.pn-workspace{animation-delay:80ms}@keyframes pn-enter{0%{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:800px){.pn-workspace{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.pn-paper{padding:35px 28px}.pn-title{font-size:30px}}@media (max-width:650px){.pn-header-inner{gap:10px;min-height:62px;padding:0 15px}.pn-header-inner>a{padding-right:9px;font-size:0}.pn-header-inner>a svg{width:18px}.pn-brand strong{font-size:19px}.pn-brand>span{width:29px;height:29px}.pn-header .pn-primary{min-height:35px;padding:0 10px;font-size:11px}.pn-main{padding:25px 15px}.pn-intro h1{font-size:42px}.pn-workspace{min-height:60vh;display:block}.pn-list{border-right:0;min-height:60vh}.pn-editor{min-height:60vh}.pn-app:not(.pn-show-editor) .pn-editor,.pn-app.pn-show-editor .pn-list{display:none}.pn-editor-back{color:#a4784c;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.pn-editor-top{padding:0 15px}.pn-editor-top>span{font-size:8px}.pn-paper{min-height:calc(60vh - 59px);padding:27px 20px}.pn-paper textarea{min-height:45vh}.pn-title{font-size:29px}.pn-cards{grid-template-columns:1fr 1fr}.pn-card{min-height:145px}.pn-card p{min-height:31px}}@media (max-width:390px){.pn-cards{grid-template-columns:1fr}.pn-header .pn-primary{font-size:0}.pn-header .pn-primary svg{width:17px}}@media (prefers-reduced-motion:reduce){.pn-app *,.pn-app :before,.pn-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}