@font-face{font-family:MemorySans;src:url('/static/theme/NotoSansKR-VF.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--paper:#fcfaf6;--surface:#fffefa;--ink:#374a55;--muted:#7b8686;--line:#e4e5dc;--accent:#638d9b;--accent-dark:#426d7c;--tint:#eaf2f3;--soft:#f3f7f6;--rose:#bb8291;--focus:#336c83;--shadow:0 12px 34px rgba(65,78,75,.05)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:MemorySans,'Noto Sans KR',sans-serif;font-size:14px;font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button{border:0}a{color:inherit}button,input,select,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button,a{transition:background .18s,color .18s,transform .18s,box-shadow .18s}img,video{max-width:100%}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}h1{font-size:32px;line-height:1.65;font-weight:450;letter-spacing:-1.3px}h2{font-size:19px;font-weight:550;letter-spacing:-.5px}h3{font-size:17px;font-weight:500}button{color:var(--ink)}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:#fff;z-index:10000}.skip-link:focus{top:10px}.site-header{max-width:1180px;min-height:110px;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:16px;letter-spacing:-.4px;font-weight:500}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:1px;font-weight:400;margin-top:2px}.brand-flower{font-size:37px;line-height:1;color:var(--accent);font-weight:300}.account-area{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.quiet-button{background:transparent;min-height:44px;padding:8px 10px;border-radius:8px;font-size:12px;color:var(--muted)}.quiet-button:hover{background:var(--tint);color:var(--accent-dark)}main{max-width:1100px;margin:auto;padding:0 40px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--accent);display:block;line-height:1.5;font-weight:550}.site-footer{padding:60px 20px 30px;text-align:center;font-size:11px;letter-spacing:.5px;color:#929b93}.site-footer>span{display:block;font-size:22px;color:#a2b4a3;margin-bottom:12px}.loading-view{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--muted);font-size:13px}.loading-flower{font-size:36px;color:var(--accent);animation:flower-turn 8s linear infinite}@keyframes flower-turn{to{transform:rotate(360deg)}}
/* A quiet paper cover, carried through the whole album. */
.login-view{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center;padding:75px 24px 35px;min-height:650px}.login-intro h1{margin-top:18px;font-size:30px;font-weight:450}.login-intro>p{font-size:13px;color:var(--muted);line-height:2;margin-top:20px}.login-art{position:relative;height:270px;width:240px;margin-top:25px;overflow:hidden}.login-art img{width:210px;height:230px;object-fit:contain;mix-blend-mode:multiply}.login-art span{display:block;font-size:10px;letter-spacing:1px;color:#82958c;text-align:center;width:210px}.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:36px 34px;box-shadow:var(--shadow)}.panel-flower{font-size:26px;color:#baa381;display:block;margin-bottom:12px}.login-panel>p{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.9}.login-panel form{margin-top:24px}.login-panel label{display:block;font-size:12px;margin:15px 0 8px;color:#647770}.login-panel input{width:100%;height:48px;border:1px solid #d8ded9;background:#fff;border-radius:9px;padding:11px 13px;color:var(--ink);font-size:16px}.password-field{position:relative}.password-field input{padding-right:65px}.password-toggle{position:absolute;right:3px;top:3px;height:42px;min-width:53px;background:transparent;color:var(--muted);font-size:12px;border-radius:6px}.primary-button{min-height:48px;border-radius:9px;background:var(--accent-dark);color:#fff;padding:12px 20px;font-size:13px;font-weight:500}.primary-button:hover{background:#345a67}.login-submit{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:8px}.login-submit span{font-size:19px}.form-message{font-size:12px;color:#a7474e;min-height:26px;padding-top:8px}.login-panel .login-note{font-size:10px;line-height:1.9;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:#92998e}
.bookcase-intro{display:flex;justify-content:space-between;align-items:center;min-height:285px;padding:43px 20px 36px 4px;border-bottom:1px solid var(--line)}.bookcase-intro h1{margin:14px 0 16px;line-height:1.55}.bookcase-intro h1>span{color:var(--accent-dark)}.bookcase-intro p{font-size:12px;color:var(--muted);line-height:1.9}.mobile-break{display:none}.intro-flower{height:235px;width:215px;overflow:hidden;align-self:center}.intro-flower img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.bookshelf-heading{display:flex;justify-content:space-between;align-items:center;margin:33px 0 19px}.bookshelf-heading h2{font-size:17px}.bookshelf-heading>span{font-size:11px;color:var(--muted)}.child-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.child-tab{min-height:40px;padding:8px 19px;border:1px solid var(--line);border-radius:30px;background:transparent;font-size:12px;color:#7b877f}.child-tab[aria-pressed=true]{border-color:var(--accent);color:var(--accent-dark);background:var(--tint)}.child-tab:hover{background:var(--soft)}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 34px;align-items:start}.book-card{display:block;background:transparent;padding:0;text-align:left;width:100%;min-width:0}.book-cover{position:relative;display:flex;flex-direction:column;align-items:center;aspect-ratio:.76;background:#f1f7f8;border:1px solid #dce6e3;border-radius:3px 9px 9px 3px;box-shadow:3px 6px 12px rgba(63,87,85,.07),inset 7px 0 10px -10px #456875;padding:28px 16px 20px;overflow:hidden;transition:transform .25s,box-shadow .25s}.book-cover:before{content:'';position:absolute;left:7px;top:0;bottom:0;border-right:1px solid rgba(83,127,135,.11)}.book-card:hover .book-cover{transform:translateY(-5px);box-shadow:3px 12px 20px rgba(63,87,85,.11)}.book-cover .cover-year{font-size:16px;letter-spacing:2px;color:var(--accent);font-weight:400;position:relative;z-index:1}.book-cover .cover-name{font-size:20px;letter-spacing:3px;color:var(--accent-dark);margin-top:4px;font-weight:450;position:relative;z-index:1}.book-cover img{object-fit:contain;mix-blend-mode:multiply;width:78%;min-height:0;flex:1;margin:8px 0;pointer-events:none}.cover-caption{font-size:9px;letter-spacing:.5px;color:#79939b;text-align:center;position:relative;z-index:1}.cover-period{font-size:8px;letter-spacing:.5px;color:#94a7a8;margin-top:5px;position:relative;z-index:1}.theme-pink{--accent:#c58f9a;--accent-dark:#a66f7e;--tint:#faeef0;--soft:#fcf5f5;--line:#eadfe0;--focus:#a66f7e}.theme-pink .book-cover{background:#fbf0ee;border-color:#ebdfdb}.theme-pink .cover-caption{color:#b1898e}.theme-pink .cover-period{color:#bd9e9d}.book-label{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:0 3px;gap:8px}.book-label strong{font-size:13px;font-weight:500}.book-label>span{font-size:11px;color:var(--muted)}.book-subtitle{font-size:10px;color:#98a097;padding:3px 3px 0}
/* Reader */
.reader-topline{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-size:10px;letter-spacing:.5px;color:#9a9e94}.back-button{display:flex;gap:10px;align-items:center;min-height:44px;background:transparent;font-size:12px;color:var(--muted);padding:8px 0}.back-button:hover{color:var(--accent-dark)}.back-button span{font-size:20px}.reader-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 4px 35px}.reader-heading h1{font-size:29px;font-weight:450;margin:9px 0 8px}.reader-heading p{font-size:12px;color:var(--muted)}.reader-flower{font-size:48px;color:var(--accent);margin-right:10px;font-weight:300;opacity:.75}.reader-toolbar{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px 20px 9px}.filter-line{display:flex;gap:14px;align-items:flex-end}.filter-line>label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:var(--muted);min-width:112px}.filter-line .institution-filter{flex:1;min-width:0}.filter-line select{height:43px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:8px 28px 8px 11px;font-size:12px;width:100%;max-width:100%}.month-line{display:flex;align-items:center;gap:4px;padding:13px 0 8px}.month-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;flex:1;padding:2px 3px 5px}.month-tab{min-width:44px;min-height:44px;border-radius:8px;background:transparent;font-size:12px;color:var(--muted);padding:8px}.month-tab[aria-pressed=true]{background:var(--tint);color:var(--accent-dark);font-weight:600}.month-tab:hover{background:var(--soft)}.month-arrow{background:transparent;font-size:24px;color:var(--accent);min-width:38px;min-height:44px;border-radius:7px}.search-line{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:8px;gap:12px}.search-label{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.search-label>span{font-size:25px;line-height:1;color:#8b9d91}.search-label input{background:transparent;border:0;width:100%;min-width:0;height:44px;color:var(--ink);font-size:12px}.search-label input::placeholder{color:#929c91}.records-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 3px 18px}.records-heading h2{font-size:15px}.records-heading>span{font-size:11px;color:var(--muted)}.records{display:flex;flex-direction:column;gap:27px}.record-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 4px 19px rgba(63,75,65,.025);scroll-margin-top:18px}.record-top{padding:24px 29px 19px;border-bottom:1px solid var(--line);display:flex;gap:19px;align-items:flex-start;background:linear-gradient(100deg,var(--soft),var(--surface) 68%)}.date-block{min-width:78px;border-right:1px solid var(--line);padding-right:19px;text-align:center;color:var(--accent-dark);flex:none}.date-number{font-size:23px;letter-spacing:-1px;font-weight:400;line-height:1.4}.date-weekday{font-size:10px;color:var(--muted);margin-top:5px}.record-info{min-width:0;flex:1;padding-top:2px}.record-overline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:10px}.kind-label{font-size:9px;line-height:1.5;padding:3px 8px;border-radius:20px;background:var(--tint);color:var(--accent-dark)}.record-title{font-size:16px;line-height:1.7;font-weight:500;margin-top:6px;word-break:keep-all;overflow-wrap:anywhere}.record-author{font-size:10px;color:#919b91;margin-top:5px}.weather{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:40px;font-size:9px;color:var(--muted);margin-left:auto}.weather img{width:31px;height:31px;object-fit:contain}.record-content{padding:25px 29px 28px}.record-body{font-size:13px;line-height:2.1;white-space:pre-wrap;overflow-wrap:anywhere;word-break:keep-all;color:#4d5c5a}.inline-sticker{display:inline-block;max-width:96px;max-height:96px;object-fit:contain;vertical-align:middle;margin:3px}.life-record{margin-top:23px;border:1px solid var(--line);border-radius:9px;overflow:hidden}.life-title{font-size:10px;font-weight:500;padding:10px 14px;background:var(--soft);color:var(--accent-dark);border-bottom:1px solid var(--line);letter-spacing:.3px}.life-grid{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.life-item{padding:11px 14px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:flex-start;font-size:11px;min-width:0}.life-item dt{color:var(--muted);flex:none}.life-item dd{margin:0;overflow-wrap:anywhere;color:#53635d}.life-item:nth-last-child(-n+3){border-bottom:0}.life-activities{padding:9px 14px;margin:0;list-style:none;border-top:1px solid var(--line);color:#6c7b71;font-size:11px}.media-section{margin-top:27px}.section-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:var(--accent-dark);margin-bottom:11px;letter-spacing:.2px}.section-label small{font-size:10px;font-weight:400;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo-grid.few-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-link{display:block;position:relative;aspect-ratio:4/3;background:var(--soft);border:1px solid var(--line);border-radius:6px;overflow:hidden;padding:0;width:100%}.photo-link>img{width:100%;height:100%;object-fit:contain;display:block}.photo-number{position:absolute;bottom:5px;right:6px;color:#fff;background:rgba(44,64,64,.5);border-radius:12px;padding:1px 6px;font-size:8px;line-height:1.6;pointer-events:none}.photo-link:hover{box-shadow:0 0 0 2px var(--accent)}.photo-link:after{content:'↗';position:absolute;right:7px;top:7px;width:20px;height:20px;background:rgba(255,255,255,.85);color:var(--accent-dark);border-radius:50%;font-size:12px;text-align:center;line-height:20px;opacity:0;transition:opacity .15s}.photo-link:hover:after,.photo-link:focus-visible:after{opacity:1}.image-failed{display:flex;align-items:center;justify-content:center;min-height:130px;color:var(--muted);font-size:11px}.image-failed:before{content:'사진을 불러오지 못했어요';padding:12px}.image-failed>img{display:none}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.video-card{background:var(--soft);border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}.video-card video{display:block;width:100%;max-height:430px;aspect-ratio:4/3;object-fit:contain;background:#27312f}.video-info{padding:11px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.download-link{font-size:10px;color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:32px}.video-fallback{padding:19px 15px;font-size:11px;line-height:1.9;color:#7e776b}.video-fallback p+p{margin-top:8px}.video-poster{width:100%;aspect-ratio:4/3;object-fit:contain;background:#27312f;display:block}.video-note{font-size:10px;color:var(--muted);margin:10px 0 0;line-height:1.8}.comments-section{margin-top:26px;background:color-mix(in srgb,var(--tint) 35%,white);border:1px dashed var(--accent);border-radius:9px;padding:16px 18px}.comments-section .section-label{margin-bottom:14px}.comment+.comment{margin-top:17px;padding-top:15px;border-top:1px dashed var(--line)}.comment-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--accent-dark);margin-bottom:5px}.comment-meta time{color:var(--muted);font-size:9px}.comment-text{font-size:12px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;color:#63716a}.comment-sticker{width:90px;height:90px;object-fit:contain;display:block;margin:7px 0}.record-warnings{margin-top:15px;font-size:10px;color:#8f846f}.record-warnings summary{cursor:pointer;min-height:32px;display:list-item;padding:5px 0}.record-warnings ul{margin:5px 0;padding-left:20px}.more-records{text-align:center;margin:29px 0 0}.outline-button{min-height:44px;padding:11px 26px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--accent-dark)}.outline-button:hover{background:var(--tint);border-color:var(--accent)}.more-records>p{font-size:11px;color:#a0a69a;margin-top:18px}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-state>span{display:block;font-size:30px;color:var(--accent);margin-bottom:16px}.empty-state h3,.empty-state h2{font-size:16px;color:#6b7d71;font-weight:450}.empty-state p{font-size:12px;line-height:2;margin:15px 0 23px}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100000;padding:12px 20px;border-radius:10px;background:#344d50;color:white;font-size:12px;max-width:calc(100vw - 32px);box-shadow:0 5px 24px #0002;line-height:1.8}.pswp{--pswp-bg:#172421;--pswp-icon-color:#f8faf6;--pswp-icon-color-secondary:#182c25}.pswp__button--download-original{width:48px;height:60px;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:25px;opacity:.9}.pswp__memory-caption{position:absolute;bottom:18px;left:15%;right:15%;text-align:center;font-size:12px;color:#e0e9e3;pointer-events:none;padding:10px;text-shadow:0 1px 3px #0008}.pswp__button{min-width:44px;min-height:44px}
@media(min-width:1300px){main{max-width:1100px}.book-grid{gap:40px}.book-cover{padding-top:33px}.cover-name{font-size:22px}}
@media(max-width:900px){.site-header{padding:23px 28px}main{padding:0 28px}.login-view{gap:35px;padding:55px 0 25px}.login-intro h1{font-size:25px}.login-panel{padding:29px 25px}.book-grid{gap:28px 24px}.book-cover{padding:24px 12px 16px}.cover-caption{font-size:8px}.book-cover .cover-name{font-size:18px}.filter-line{gap:10px}.filter-line>label{min-width:100px}.life-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.life-item:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.life-item:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:650px){body{font-size:13px}.site-header{min-height:84px;padding:19px 20px;gap:10px}.brand{font-size:14px;gap:9px}.brand-flower{font-size:29px}.brand small{font-size:8px;letter-spacing:.4px}.account-area{gap:5px}.account-area>span{display:none}.quiet-button{font-size:11px;padding:8px}.site-header .quiet-button{font-size:10px}main{padding:0 19px}h1{font-size:26px}.login-view{display:block;padding:36px 0 0;min-height:0}.login-intro{padding:0 5px}.login-intro h1{font-size:25px;line-height:1.65;margin-top:14px}.login-intro>p{font-size:12px;margin-top:13px}.login-art{display:none}.login-panel{margin-top:30px;padding:25px 24px}.login-panel h2{font-size:17px}.login-panel .panel-flower{display:none}.login-panel>p{font-size:11px}.login-panel form{margin-top:17px}.login-panel .login-note{margin-top:19px;padding-top:15px}.site-footer{padding-top:43px;font-size:10px}.bookcase-intro{min-height:245px;padding:33px 0 28px;gap:4px}.bookcase-intro .eyebrow{font-size:8px;letter-spacing:1.7px}.bookcase-intro h1{font-size:25px;line-height:1.55;margin:13px 0}.bookcase-intro p{font-size:11px}.mobile-break{display:block}.intro-flower{width:120px;height:170px;flex:none;margin-right:-7px}.bookshelf-heading{margin:26px 0 17px;align-items:baseline}.bookshelf-heading h2{font-size:15px}.bookshelf-heading>span{font-size:9px}.child-tabs{gap:7px;margin-bottom:24px}.child-tab{min-height:44px;padding:8px 16px;font-size:11px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 17px}.book-cover{padding:21px 9px 14px;aspect-ratio:.7}.book-cover .cover-year{font-size:13px;letter-spacing:1px}.book-cover .cover-name{font-size:16px;letter-spacing:2px;margin-top:2px}.book-cover img{width:93%;margin:2px 0;max-height:54%}.cover-caption{font-size:7px;letter-spacing:0;line-height:1.7}.cover-period{font-size:6px;letter-spacing:0}.book-label{margin-top:11px;gap:3px}.book-label strong{font-size:11px}.book-label>span{font-size:9px}.book-subtitle{font-size:9px}.reader-topline{margin-top:13px}.reader-topline>span{font-size:8px;letter-spacing:0}.back-button{font-size:11px}.reader-heading{padding:20px 2px 24px}.reader-heading .eyebrow{font-size:9px}.reader-heading h1{font-size:25px;margin-top:8px}.reader-heading p{font-size:10px}.reader-flower{font-size:35px;margin-right:6px}.reader-toolbar{padding:14px 13px 6px;border-radius:11px}.filter-line{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.filter-line>label{font-size:9px;min-width:0;gap:5px}.filter-line select{font-size:12px;height:44px;padding-left:8px}.filter-line .institution-filter{grid-column:auto}.month-line{padding-top:9px;margin:0 -6px;gap:0}.month-arrow{min-width:29px}.month-tab{font-size:11px;min-width:43px}.search-line{gap:4px;padding-top:4px}.search-label{gap:7px}.search-label input{font-size:11px}.search-line .quiet-button{white-space:nowrap;font-size:10px}.records-heading{margin:25px 2px 13px}.records-heading h2{font-size:13px}.records-heading>span{font-size:10px}.records{gap:22px}.record-top{padding:19px 17px 16px;gap:13px}.date-block{min-width:65px;padding-right:13px}.date-number{font-size:21px}.date-weekday{font-size:9px}.record-overline{font-size:9px;gap:5px}.kind-label{font-size:8px;padding:2px 7px}.record-title{font-size:14px;line-height:1.65;margin-top:5px}.record-author{font-size:9px;line-height:1.7}.weather{font-size:8px;min-width:27px}.weather img{width:25px;height:25px}.record-content{padding:21px 17px 22px}.record-body{font-size:12px;line-height:2.1}.life-record{margin-top:18px}.life-title{font-size:9px;padding:9px 11px}.life-item{font-size:10px;padding:10px 11px;gap:7px;flex-wrap:wrap}.life-activities{font-size:10px;padding:8px 11px}.media-section{margin-top:23px}.section-label{font-size:10px;margin-bottom:9px}.section-label small{font-size:9px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.photo-link{border-radius:4px}.photo-number{font-size:7px;bottom:4px;right:4px}.video-grid{grid-template-columns:1fr;gap:12px}.video-info{padding:8px 11px;font-size:10px}.download-link{min-height:38px}.comments-section{margin-top:22px;padding:14px 13px}.comments-section .section-label{margin-bottom:11px}.comment-meta{font-size:9px}.comment-text{font-size:11px}.comment-meta time{font-size:8px}.comment-sticker{width:77px;height:77px}.record-warnings{font-size:9px}.pswp__memory-caption{left:10%;right:10%;font-size:10px;bottom:20px}.empty-state{padding:45px 15px}.empty-state h3{font-size:14px}.empty-state p{font-size:11px}.more-records{margin-top:23px}}
@media(max-width:370px){main{padding:0 13px}.site-header{padding:16px}.book-grid{gap:22px 12px}.bookcase-intro h1{font-size:23px}.intro-flower{width:99px}.record-top{gap:10px;padding:17px 13px}.record-content{padding:20px 13px}.weather{display:none}.cover-caption{font-size:6px}.book-cover .cover-name{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}