:root{color-scheme:light;--paper:#d5b98e;--panel:#ead8b9;--ink:#494337;--muted:#6e6251;--line:#baa98b;--sage:#7e8977;--blue:#9aafb6;font-family:'Special Elite','Noto Serif SC',serif;font-size:16px;color:var(--ink);background:#c7b393}*{box-sizing:border-box}body{margin:0;padding:28px 24px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:#ead8b9;border-radius:9px;padding:10px 15px;min-height:44px;line-height:1.5}button:hover{filter:brightness(.97)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #557582;outline-offset:3px}a{color:inherit}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:#f0e3ce;font-size:16px}textarea{resize:vertical;line-height:1.9}label{display:block;margin:16px 0;font-size:14px;line-height:1.8}label input,label select,label textarea{margin-top:7px}[hidden]{display:none!important}.paper{max-width:1320px;margin:auto;background-color:var(--paper);background-image:radial-gradient(#77573525 .65px,transparent .95px),radial-gradient(#fff1d53b .7px,transparent 1px),repeating-linear-gradient(7deg,transparent 0 9px,#69503507 9px 10px,transparent 10px 17px);background-size:5px 7px,7px 11px,100% 100%;border-radius:20px;box-shadow:0 18px 60px #52463518;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 34px;border-bottom:1px solid var(--line)}h1{font:500 32px 'Noto Serif SC',serif;margin:0;letter-spacing:4px}h1 span{font:14px 'Special Elite',serif;letter-spacing:2px;margin-left:8px}h2{font-size:28px;font-weight:400;margin:10px 0}h3{font-size:21px;font-weight:500;margin:10px 0;line-height:1.6}p{line-height:1.85}.muted,small{font-size:13px;color:var(--muted);line-height:1.8}header p{margin:6px 0 0}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.primary,nav button.active{background:var(--sage);border-color:var(--sage);color:#fffdf8}.text{background:transparent;border-color:transparent}.eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--muted)}nav{display:flex;gap:9px;padding:18px 34px;border-bottom:1px solid var(--line);flex-wrap:wrap}nav button{background:transparent}.calendar-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr)}.calendar{padding:25px 28px}.monthbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.monthbar h2{margin-bottom:0}.monthbar .actions{gap:5px}.monthbar button{padding:6px 11px}.week,.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.week{text-align:center;font-size:13px;padding:10px 0;color:var(--muted)}.day{border:0;border-radius:9px;min-width:0;min-height:100px;aspect-ratio:.85;background:#e2ccab;position:relative;text-align:left;padding:8px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.day b{font-size:17px;font-weight:400;position:relative;z-index:1}.day .excerpt{font-size:12px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:relative;z-index:1}.day img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78}.day.has-photo{color:#302a22}.day.has-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(#f5e9d955,transparent,#f2e2cde0)}.day.selected{box-shadow:inset 0 0 0 2px var(--sage);background:#d4d3b7}.day .dots{font-size:12px;letter-spacing:3px;position:relative;z-index:1}.calendar-footer{display:flex;justify-content:space-between;gap:8px;margin-top:20px;font-size:12px;color:var(--muted)}aside{background-color:var(--panel);background-image:radial-gradient(#795c3620 .6px,transparent .9px);background-size:5px 7px;padding:27px;border-left:1px solid var(--line);min-width:0}.empty{text-align:center;padding:55px 8px;color:var(--muted)}.empty p{font-size:14px}.entry{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:28px}.entry:last-child{border-bottom:0;margin-bottom:0}.entry-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.badge{font-size:12px;padding:4px 9px;background:#d7dbcb;border-radius:20px;display:inline-block}.entry-body{font-size:17px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.photos{display:grid;gap:12px;margin:18px 0}.photos img{display:block;width:100%;max-height:360px;object-fit:cover;border-radius:6px}.photo-button{padding:0;border:0;position:relative;background:transparent}.photo-button span{position:absolute;bottom:8px;right:8px;padding:3px 8px;background:#ead8b9e8;border-radius:5px;font-size:12px}.tags{margin-bottom:10px;gap:6px}.tags button{padding:4px 9px;min-height:32px;font-size:12px;background:transparent}.tags button.active{background:#d4d3b7}.entry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}.crayon{position:relative;isolation:isolate;background:transparent;border:0;color:#243d48;font-weight:500;box-shadow:none;padding:12px 18px;border-radius:4px}.crayon:before{content:'';position:absolute;z-index:-1;inset:1px -2px;background-color:#9aafb6;background-image:repeating-linear-gradient(-8deg,transparent 0 2px,#e8e2ca42 2px 3px,transparent 3px 5px,#5c7a871f 5px 6px),radial-gradient(#eaddbf8c .7px,transparent 1.2px),radial-gradient(#55748355 .7px,transparent 1px);background-size:100% 100%,4px 5px,7px 9px;clip-path:polygon(2% 9%,13% 5%,26% 8%,40% 3%,54% 6%,69% 3%,84% 7%,97% 4%,99% 21%,97% 37%,100% 54%,98% 72%,99% 92%,87% 95%,74% 92%,59% 98%,44% 94%,29% 97%,16% 93%,2% 96%,3% 78%,0 62%,2% 44%,0 26%);transform:rotate(-1deg)}.crayon:hover:before{background-color:#8da5ae}.section-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}#inboxView,#groupsView{padding:28px 34px}.paper-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:20px 0}.paper-card{text-align:left;padding:18px;background:#ead8b9}.paper-card p{margin:8px 0 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#paperDetail{max-width:760px;margin:auto}.group{padding:20px 0;border-bottom:1px solid var(--line)}.members{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.member{padding:5px 12px;border-radius:20px;background:#ead8b9;font-size:14px}.comment{border-left:2px solid #8da0a0;padding:8px 14px;margin:18px 0}.comment p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.quote{font-size:13px;color:var(--muted);padding:8px;background:#d6c8ae55;border-radius:5px}details{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}summary{cursor:pointer;min-height:36px}details .permission{display:flex;justify-content:space-between;align-items:center;padding:8px 0;gap:10px}dialog{max-width:620px;width:calc(100% - 30px);max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:15px;padding:26px;color:var(--ink);background-color:var(--panel);background-image:radial-gradient(#795c3620 .6px,transparent .9px);background-size:5px 7px}dialog::backdrop{background:#403c3370;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-head h2{font-size:24px}.dialog-head button{background:transparent;border:0;font-size:23px}.check{display:flex;align-items:center;gap:12px;padding:10px 5px;border-bottom:1px solid var(--line)}.check input{width:18px;height:18px;margin:0;accent-color:var(--sage)}.thumbnails{display:flex;flex-wrap:wrap;gap:8px}.thumbnails img{height:80px;width:80px;object-fit:cover;border-radius:5px}.draw-surface{position:relative}.draw-surface img{display:block;width:100%}.draw-surface canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.marked-photo{position:relative;max-width:400px;margin-top:10px}.marked-photo img{width:100%;display:block}.marked-photo svg{position:absolute;inset:0;width:100%;height:100%}#auth{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:65px 60px}#auth form{max-width:360px}.welcome{padding:30px 0}.welcome h2{font-size:32px;margin:24px 0}.welcome p{font-size:18px}#authToggle{margin-top:10px;display:block}#message:empty{display:none}#message{padding:13px 28px;background:#e8dfc7;color:#51493b;font-size:14px}#message.error{color:#813e31}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}@media(max-width:800px){body{padding:0}.paper{border-radius:0}header{padding:22px 18px}header .actions{gap:5px}nav{padding:14px 18px}.calendar-layout{grid-template-columns:1fr}.calendar{padding:22px 14px}.day{min-height:72px;aspect-ratio:.85;padding:5px}.week,.days{gap:5px}.day .excerpt{font-size:12px;-webkit-line-clamp:1}.day b{font-size:15px}aside{border-left:0;border-top:1px solid var(--line);padding:24px 18px}h2{font-size:24px}.monthbar .actions button{padding:6px 9px}#auth{grid-template-columns:1fr;padding:28px 23px;gap:10px}.welcome{padding:0}.welcome h2{font-size:25px;margin:10px 0}.welcome p{font-size:16px}#auth form{max-width:none}#inboxView,#groupsView{padding:24px 18px}footer{padding:16px 18px}dialog{padding:20px}.entry-meta{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}