*{box-sizing:border-box}body{margin:0;background:#f8f6ef;color:#39443b;font-family:ui-rounded,Hiragino Maru Gothic ProN,Meiryo,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.app{min-height:100vh}header{height:68px;position:sticky;top:0;z-index:3;background:#fffdf8;border-bottom:1px solid #ece8dc;display:flex;align-items:center;gap:12px;padding:0 clamp(14px,4vw,56px)}header b{font-size:18px}.logo{width:42px;height:42px;border-radius:15px;background:#d9eee0;color:#438259;display:grid;place-items:center}.logo svg{width:22px}.spacer{flex:1}.icon{width:42px;height:42px;background:transparent;color:#68736a;border-radius:13px;display:grid;place-items:center}.icon svg{width:19px}main{max-width:1300px;margin:auto;padding:clamp(20px,4vw,52px)}h1{font-size:clamp(26px,4vw,38px);margin:0 0 10px}h2{font-size:19px;display:flex;align-items:center;gap:8px}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 20% 0,#e5f2e7,transparent 50%),#f8f6ef}.login form,.login>div{width:min(100%,420px);background:#fffdf9;padding:34px;border:1px solid #ebe6da;border-radius:26px;display:flex;flex-direction:column;gap:16px}.login h1{text-align:center;font-size:26px}.login p{text-align:center;color:#7d847a}.login label,.editorform>label,.userform label,.pageedit label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:14px}.login input,.editorform input:not([type=file]),.editorform select,.userform input,.userform select,.userform textarea,.pageedit textarea{border:1px solid #dedfd4;border-radius:12px;padding:12px;outline-color:#78a584;background:#fff}.primary,.soft{min-height:44px;border-radius:14px;padding:0 15px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:700}.primary{background:#548765;color:#fff}.soft{background:#edf1e8;color:#4b6350}.primary svg,.soft svg{width:18px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:10px}.heading small{color:#809781;letter-spacing:.14em;font-weight:800}.toolbar{display:flex;align-items:center;gap:9px}.toolbar select,.userrow select{height:44px;border:1px solid #e4e3d8;border-radius:13px;background:#fff;padding:0 11px}.search{height:44px;min-width:min(35vw,320px);display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e9e6dd;border-radius:14px;padding:0 12px}.search svg{width:18px;color:#809080}.search input{width:100%;min-width:0;border:0;outline:0}.checks{display:flex;gap:16px;margin:12px 0 24px;color:#747c72;font-size:13px}.checks label{display:flex;align-items:center;gap:6px}.favs{background:#eff4ec;border:1px solid #e4eddf;border-radius:20px;padding:2px 17px 14px}.favs h2 svg{color:#d98289;width:20px}.favs>p,.empty{text-align:center;color:#92978d;padding:18px}.favgrid{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:116px;gap:10px;overflow-x:auto;padding-bottom:8px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 16px}.card{position:relative;min-width:0}.cover{width:100%;padding:0;text-align:left;background:none;color:inherit}.cover img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;border-radius:15px;background:#eceae2;box-shadow:0 5px 14px #33433318}.cover b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:8px 3px;line-height:1.45;font-size:14px}.heart{position:absolute;right:7px;top:7px;background:#fffdf0e8;color:#879186;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.heart svg{width:18px}.heart.active{color:#d97983}.reader{height:calc(100dvh - 68px);display:flex;flex-direction:column;padding:8px clamp(8px,3vw,35px)}.readbar,.pager{display:flex;align-items:center;gap:9px;min-height:46px}.readbar>b{margin-left:7px}.pager{justify-content:center;color:#747d72}.pager span{min-width:100px;text-align:center}.stage{flex:1;min-height:0;position:relative;background:#eeece4;border-radius:17px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.stage img{max-width:100%;max-height:100%;object-fit:contain}.copy{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:min(94%,850px);max-height:32%;overflow:auto;text-align:center;background:#fffdf2ed;border-radius:14px;padding:10px 16px;line-height:1.7}.copy p{margin:2px}.end{font-size:clamp(55px,12vw,108px);letter-spacing:.12em;color:#64836c}.actions{display:flex;justify-content:flex-end;gap:6px}.actions button{background:#edf1e8;border-radius:9px;padding:7px 10px;color:#4b6350}.back{margin-top:25px}.userform{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;padding:22px;background:#fff;border-radius:18px;margin:20px 0}.userform h2{grid-column:1/-1;margin:0}.userform textarea{min-height:52px}.userrow{display:flex;align-items:center;gap:12px;min-height:58px;background:#fff;border-bottom:1px solid #efeee8;padding:8px}.userrow span{flex:1;color:#777}.editorform{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.editorform h2{grid-column:1/-1;justify-content:space-between}.pageedit{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fff;padding:16px;border-radius:16px}.pageedit>b,.pageedit>button{grid-row:1}.pageedit b{align-self:center}.pageedit textarea{min-height:78px}.editorform>.primary{grid-column:1/-1;justify-self:end}.shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#26312877;display:grid;place-items:center;padding:18px;z-index:5}.modal{position:relative;width:min(100%,400px);background:#fffdf8;padding:28px;border-radius:22px}.close{position:absolute;right:10px;top:10px}.speed{display:flex;align-items:center;gap:12px;background:#f2f4ee;padding:13px;border-radius:12px;margin-top:9px}.notice{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:#fff0eb;color:#9b4a41;padding:13px 18px;border-radius:13px;box-shadow:0 6px 20px #0002;z-index:10}.error{color:#b84343}@media(max-width:900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.heading{align-items:flex-start;flex-direction:column}.toolbar{width:100%}.search{flex:1}}@media(max-width:580px){header{height:60px;padding:0 10px}header b{font-size:15px}header small{display:none}main{padding:20px 14px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 9px}.cover img{border-radius:11px}.cover b{font-size:12px;padding:6px 2px}.favgrid{grid-auto-columns:104px}.toolbar{flex-wrap:wrap}.toolbar .search{min-width:100%}.checks{gap:12px}.reader{height:calc(100dvh - 60px);padding:6px}.readbar{flex-wrap:wrap;gap:5px}.readbar>b{display:none}.readbar .soft,.readbar .primary{font-size:11px;padding:0 9px}.stage{border-radius:12px}.userform,.editorform,.pageedit{grid-template-columns:1fr}.userform h2,.pageedit>b,.editorform h2{grid-column:1}.userrow{flex-wrap:wrap}.userrow span{flex:unset}.pageedit{grid-column:1}.pageedit>button{grid-row:auto}}