@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&display=swap";:root{color:#303632;background:#f8f4ee;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.app-shell{background:#faf7f2;min-height:100vh;display:flex}.sidebar{color:#fbf5e9;background:#203d37;flex-direction:column;flex:none;width:260px;min-height:100vh;padding:32px 19px 20px;display:flex}.brand{align-items:center;gap:9px;font:600 25px Playfair Display,serif;display:flex}.brand b{color:#edcf6e;border:1px solid #a9c2ae;border-radius:50%;place-items:center;width:29px;height:29px;font:17px DM Sans;display:grid}.new{color:#203d37;text-align:left;background:#e3b94f;border:0;border-radius:9px;margin:50px 0 29px;padding:13px 15px;font-weight:700;box-shadow:0 8px 16px #10272050}.sidebar nav{gap:7px;display:grid}.sidebar nav a{color:#b5c8bd;border-radius:7px;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:11px 10px;font-size:14px;display:grid}.sidebar nav .active{color:#fff;background:#3b5b52}.sidebar nav i{color:#e4c36c;font:11px DM Mono}.sidebar-bottom{margin-top:auto}.quote{color:#e1c267;background:#2a4942;border:1px solid #527068;border-radius:10px;margin:0 2px 16px;padding:14px}.quote p{color:#d4ddd4;margin:7px 0 0;font:italic 13px/1.45 Playfair Display}.profile{color:#edf1ed;text-align:left;background:0 0;border:0;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;width:100%;padding:9px;display:grid}.profile>b{color:#27443d;background:#ddc078;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.profile strong,.profile small{font-size:12px;display:block}.profile small{color:#a9bdb4;margin-top:2px}.profile i{color:#a5bbb1;font-size:20px}.workspace{width:calc(100% - 260px);max-width:1600px;margin:0 auto;padding:38px 48px}header{justify-content:space-between;align-items:flex-start;margin-bottom:35px;display:flex}.eyebrow{color:#a07954;letter-spacing:1.5px;margin:0 0 9px;font:10px DM Mono}h1,h2,h3,p{margin-top:0}header h1{color:#2d443d;letter-spacing:-.8px;margin:0;font:600 clamp(27px,3vw,40px)/1.15 Playfair Display}header>time{color:#74736e;background:#f0ece5;border-radius:6px;margin-top:7px;padding:10px 12px;font-size:13px}.content-grid{grid-template-columns:minmax(240px,.72fr) minmax(460px,1.5fr);gap:24px;min-height:calc(100vh - 178px);display:grid}.list,.editor{background:#fffdfa;border:1px solid #e8e2d9;border-radius:13px;overflow:hidden;box-shadow:0 8px 30px #765d3d0a}.list-title{border-bottom:1px solid #eee7de;justify-content:space-between;align-items:center;padding:24px 23px 16px;display:flex}.list-title h2{color:#324740;margin:0 0 4px;font:600 21px Playfair Display}.list-title p{color:#949087;margin:0;font-size:12px}.list-title button{color:#fff;background:#3b5d54;border:0;border-radius:50%;width:30px;height:30px;font-size:20px}.cards{max-height:calc(100vh - 295px);padding:9px;overflow:auto}.card{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;width:100%;padding:16px 38px 16px 15px;transition:all .2s;position:relative}.card:hover{background:#f7f2eb}.card.selected{background:#eef4ed;border-color:#d4ded2}.card time{color:#a18467;text-transform:uppercase;margin-bottom:6px;font:10px DM Mono;display:block}.card strong{color:#34463f;font:600 16px Playfair Display}.card p{color:#8b8984;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.card i{color:#798f83;font-style:normal;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.empty{color:#c5a65b;text-align:center;padding:68px 18px;font-size:35px}.empty h3{color:#53655e;margin:15px 0 7px;font:600 18px Playfair Display}.empty p{color:#938d83;font-size:13px}.editor{flex-direction:column;display:flex}.editor-top{border-bottom:1px solid #eee7de;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.editor-top>span{color:#a07752;letter-spacing:1.2px;font:10px DM Mono}.delete,.save{border:0;border-radius:6px;padding:8px 12px;font-size:12px}.delete{color:#9b766a;background:0 0;margin-right:7px}.save{color:#fff;background:#355950;font-weight:600}.save b{color:#e4c06c;margin-left:7px}.paper{background:linear-gradient(100deg,#fffefa,#fcf9f3);flex-direction:column;flex:1;padding:48px clamp(28px,5vw,72px) 20px;display:flex}.paper>time{color:#a58a6e;letter-spacing:.5px;text-transform:uppercase;font:10px DM Mono}.paper input{color:#34463f;letter-spacing:-1px;background:0 0;border:0;outline:0;width:100%;padding:14px 0 18px;font:600 clamp(29px,4vw,44px)/1.15 Playfair Display}.paper input::placeholder,.paper textarea::placeholder{color:#b5aca0}.paper textarea{resize:none;color:#5c605b;background:0 0;border:0;outline:0;flex:1;width:100%;min-height:250px;font-size:15px;line-height:1.9}.moods{border-top:1px solid #eee9e1;align-items:center;gap:8px;padding-top:15px;display:flex}.moods span{color:#9a9185;margin-right:5px;font-size:11px}.moods button{color:#b68852;background:#fffdfa;border:1px solid #ece6de;border-radius:50%;width:28px;height:28px}.notice{color:#b35f59;background:#fdf2ee;margin:0;padding:11px 22px;font-size:12px}.notice.good{color:#47805e;background:#edf5ed}.auth{background:#fffcf7;grid-template-columns:1.2fr .8fr;min-height:100vh;display:grid}.auth-art{color:#fdf8ee;background:radial-gradient(circle at 80% 70%,#63897a 0 1px,#0000 1.5px),linear-gradient(135deg,#1e3a35,#284941 58%,#516f62);flex-direction:column;justify-content:space-between;min-height:100vh;padding:42px 11vw 45px;display:flex;position:relative;overflow:hidden}.auth-art:before{content:"";border:1px solid #98ae9c55;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-180px;right:-130px;box-shadow:0 0 0 55px #98ae9c13,0 0 0 110px #98ae9c0d}.auth-art h1{letter-spacing:-2px;max-width:570px;margin:0;font:500 clamp(40px,5vw,72px)/1.06 Playfair Display}.auth-art h1 em{color:#e7c96f}.auth-art>div>p:not(.eyebrow){color:#c5d0c6;max-width:420px;margin:24px 0 0;font-size:15px;line-height:1.7}.auth-art .eyebrow{color:#d8ba68}.moon{z-index:1;color:#f0d381;font:96px/1 Playfair Display}.moon b{vertical-align:top;color:#fff7d8;font:24px DM Sans}.auth-form{place-items:center;padding:40px;display:grid}.auth-form form{width:min(100%,360px)}.auth-form h2{color:#2e4540;letter-spacing:-.8px;margin-bottom:10px;font:600 31px/1.15 Playfair Display}.auth-form form>p:not(.eyebrow):not(.switch){color:#8c8982;margin-bottom:32px;font-size:13px;line-height:1.6}.auth-form label{color:#6e756f;margin:16px 0;font-size:12px;font-weight:600;display:block}.auth-form input{color:#33453f;background:#fffdf9;border:1px solid #dedbd5;border-radius:7px;outline-color:#709282;width:100%;margin-top:7px;padding:12px 13px;display:block}.auth-form form>button{color:#1f3933;background:#e6bf58;border:0;border-radius:7px;width:100%;margin-top:12px;padding:14px;font-weight:700}.error{color:#b35b58;font-size:12px;display:block}.switch{color:#88847d;text-align:center;margin:20px 0 0;font-size:12px}.switch a{color:#355a50;cursor:pointer;font-weight:700}@media (width<=900px){.workspace{padding:28px 24px}.content-grid{grid-template-columns:1fr}.cards{max-height:280px}.editor{min-height:560px}.auth{grid-template-columns:1fr}.auth-art{min-height:48vh;padding:30px 12vw}.auth-art h1{font-size:43px}.moon{display:none}}@media (width<=640px){.sidebar{display:none}.workspace{width:100%;padding:23px 14px}header h1{font-size:29px}header>time{display:none}.content-grid{gap:15px}.paper{padding:34px 23px 17px}.editor-top{padding:14px}.paper textarea{min-height:230px}.moods span{display:none}}