/* Library surfaces. Map markers retain their independent, fixed pixel dimensions. */
:root{background:#101e2b;color:#ecece6;--muted:#99a9b4;--line:#ffffff15}body{background:radial-gradient(ellipse at 85% 0,#23354955,transparent 50%),#101e2b}.journal-active main{width:min(calc(100% - 36px),860px);padding-top:max(18px,env(safe-area-inset-top));padding-bottom:110px}.journal-active main>header,.journal-active main>footer{display:none}.journal-active .panel{padding:0;border-radius:0}.j-appbar{margin:0 0 25px!important;min-height:48px}.j-brand{display:flex;align-items:center;gap:10px;width:auto;padding:0;background:none;color:#ecece6;font:30px Georgia,serif;letter-spacing:-1px}.j-brand-dot{color:#c1a985}.j-profile-chip{width:39px;min-height:39px;padding:0;border-radius:50%;background:#324755;border:1px solid #607480;color:#e3dfd5;font-size:15px}.j-brand svg{width:23px;height:23px}svg{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.j-heading{margin:30px 0 18px;gap:8px}.j-heading h2,.j-heading h3{font:24px Georgia,serif;letter-spacing:.02em}.j-heading h2 small{font:11px -apple-system,sans-serif;color:var(--muted);margin-left:7px}.j-small{border:0;background:transparent;color:#aebcc6;font-size:11px;min-height:44px;padding:6px 8px}.j-small svg{width:14px}.j-my-map{display:block;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#253b4c,#1b2c3b);border:1px solid #ffffff14;border-radius:15px;min-height:205px;margin:0;padding:24px;text-align:left;box-shadow:0 8px 30px #07111a35}.j-my-map .j-map-art{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:28px 28px}.j-map-art:after{content:'';position:absolute;right:-10px;top:-30px;width:80%;height:120%;background:#aebbc1;opacity:.13;-webkit-mask:url('/assets/japan.svg') center/contain no-repeat;mask:url('/assets/japan.svg') center/contain no-repeat}.j-my-map .j-hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;color:#a8bac7}.j-my-map .j-hero-top span{display:flex}.j-my-map .j-map-name{font:32px Georgia,serif;letter-spacing:.01em}.j-my-map>small{font-size:11px;color:#b1bdc6;margin:6px 0 12px;letter-spacing:.03em}.j-my-map .j-map-count{font:25px Georgia,serif;display:flex;align-items:baseline;gap:6px}.j-my-map .j-map-count small{font:10px -apple-system,sans-serif;color:#9eafba}.j-write-card{display:flex;align-items:center;justify-content:center;gap:11px;background:#e5dfd2;color:#233645;border-radius:10px;margin:12px 0 0;font-size:14px;min-height:52px;box-shadow:0 4px 15px #0002}.j-write-card>svg:last-child{margin-left:auto;width:16px}.j-write-card>svg:first-child{margin-right:auto}.j-library-tools{display:flex;gap:6px;align-items:center}.j-layout-switch{display:flex;gap:2px;padding:2px;border-radius:7px;background:#09162166}.j-layout-switch button{width:34px;min-height:34px;padding:7px;background:none;color:#7e919f;border-radius:5px}.j-layout-switch button[aria-pressed=true]{background:#334956;color:#e2e4df}.j-layout-switch svg{width:17px;height:17px}.j-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 25px;padding:4px 5px 0 0}.j-book-button{min-width:0;text-align:center;overflow:visible;border-radius:0}.j-book{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:.76;width:100%;padding:22px 10px 25px 22px;background:linear-gradient(105deg,#ffffff12,transparent 50%),var(--cover,#59758e);border:1px solid #ffffff22;border-radius:3px 10px 10px 3px;box-shadow:3px 3px 0 #e0dbcc,5px 5px 0 #9c9f9a,7px 9px 14px #0005;gap:20px;text-align:center;overflow:hidden}.j-book:after{content:'';position:absolute;inset:4px 4px 4px auto;width:1px;background:#ffffff20}.j-book .j-book-spine{position:absolute;inset:0 auto 0 0;width:10%;background:linear-gradient(90deg,#0004,#ffffff12 75%,#0002);border-right:1px solid #ffffff18}.j-book .j-book-title{font-family:Georgia,'Hiragino Mincho ProN',serif;font-size:15px;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:95%;color:#f3eee2}.j-book .j-book-picture{position:relative;display:block;flex-shrink:0;width:75%;aspect-ratio:1.25;min-height:0;overflow:hidden;border:3px solid #e4e0d5b0;outline:1px solid #0002;border-radius:1px;background:#23374655;box-shadow:0 2px 5px #0002}.j-book-picture>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover}.j-book-picture>svg{position:absolute;left:calc(50% - 14px);top:calc(50% - 14px);width:28px;height:28px;opacity:.45}.j-book-picture .j-photo-placeholder{font-size:9px;padding:8px}.j-book-line{width:24px;height:1px;background:#e5ddc555}.j-book-meta{display:block;padding:15px 0 0}.j-book-meta small{font:10px -apple-system,sans-serif;letter-spacing:.04em;color:#94a7b6;display:flex;gap:5px;align-items:center;justify-content:center}.j-book-meta svg{width:11px;height:11px}.j-list-title{display:none}.j-books-list{grid-template-columns:1fr;gap:22px;padding-right:0}.j-books-list .j-book-button{display:flex;align-items:center;gap:26px;text-align:left;border-bottom:1px solid var(--line);padding-bottom:22px}.j-books-list .j-book{width:100px;flex-shrink:0;padding:13px 6px 13px 13px;gap:9px}.j-books-list .j-book-title{font-size:11px}.j-books-list .j-book-meta{padding:0}.j-books-list .j-list-title{display:block;font-family:Georgia,'Hiragino Mincho ProN',serif;font-size:18px;margin-bottom:9px;overflow-wrap:anywhere}.j-books-list .j-book-meta small{justify-content:flex-start}.j-recent-heading h3{font-size:21px}.j-card-list{gap:18px}.j-card-row{display:grid;grid-template-columns:1fr 24px;padding:0;gap:0;border:1px solid #ffffff0c;border-radius:12px;background:#1c3040;overflow:hidden;align-items:center}.j-card-visual{position:relative;display:block;grid-column:1/-1;aspect-ratio:1.7;width:100%;overflow:hidden;background:#243b4a}.j-card-row .j-card-thumb{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;border-radius:0}.j-no-photo{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:linear-gradient(135deg,#344b5a,#213644);color:#8ca2b0;font-size:11px}.j-no-photo>svg{width:32px;height:32px;opacity:.55}.j-card-caption{display:block;padding:16px 18px 19px;min-width:0}.j-card-caption .j-card-category{display:block;font-size:10px;letter-spacing:.06em;color:#b2c0c9;margin-bottom:5px}.j-card-row strong{font:18px Georgia,'Hiragino Mincho ProN',serif;line-height:1.6}.j-card-row small{font-size:10px;margin-top:7px;color:#a1b2bf}.j-card-row small span{margin:0 6px;color:#697f8f}.j-card-caption .j-card-address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.j-card-arrow{margin-right:14px;color:#9bafbc}.j-new{position:absolute;top:12px;left:12px;color:#233644;background:#e9e3d5;padding:3px 9px;border-radius:3px;font:10px Georgia,serif;letter-spacing:.04em}.j-motion{width:auto;display:block;margin:28px auto 0;background:none;color:#7f93a3;font-size:10px;min-height:44px}.j-nav{gap:6px;padding-top:9px;border-color:#ffffff15}.j-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:9px;padding:7px 3px;min-height:48px}.j-nav button:last-child{background:none;color:#ddcfb4}.j-nav svg{width:19px;height:19px}.j-note-masthead{display:flex;gap:24px;align-items:center;margin:0 0 26px}.j-note-cover{display:block;width:110px;flex-shrink:0}.j-note-cover .j-book{gap:10px;padding:14px 6px 14px 14px}.j-note-cover .j-book-title{font-size:12px}.j-note-masthead>div{min-width:0}.j-note-masthead h2{font:24px Georgia,'Hiragino Mincho ProN',serif;margin:9px 0 12px}.j-kicker{font-size:8px;letter-spacing:.14em;color:#8fa4b2}.j-note-map{min-height:125px;padding:22px}.j-note-map .j-map-name{font-size:25px}.j-note-map>small{margin-bottom:0}.j-note-map small svg{float:right}.j-compose-head{display:flex;justify-content:space-between;gap:12px}.j-step{font-size:9px;color:#7d94a4}.j-step b{color:#d5d9d9;font-weight:400}.j-draft-preview{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#1b3040;margin:0 0 22px}.j-preview-picture{display:block;aspect-ratio:1.7;position:relative;overflow:hidden}.j-preview-picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.j-draft-preview>div{padding:16px}.j-draft-preview small{display:block;font-size:10px;color:#a6b6bf}.j-draft-preview strong{display:block;font-family:Georgia,'Hiragino Mincho ProN',serif;font-size:21px;font-weight:400;overflow-wrap:anywhere;margin:4px 0 8px}.j-draft-preview div>span{display:block;color:#99adbc;font-size:10px}.j-category-disclosure{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:24px 0 12px}.j-category-disclosure summary{font-size:13px;cursor:pointer}.j-category-disclosure summary>small{font-size:10px;color:#8da3b2;margin-left:8px}.j-category-disclosure summary>span{display:block;color:#c3d0d6;font-size:11px;margin-top:8px}.j-eligible{gap:15px;padding:14px 4px}.j-eligible>span{width:78px;padding:0;border:0;background:none!important;text-align:center;opacity:.4}.j-eligible .can-share{opacity:1;filter:drop-shadow(0 0 6px #ddc28b44)}.j-eligible .j-book{padding:10px 4px 10px 10px;gap:8px;box-shadow:2px 2px #cec8b8,3px 4px 5px #0006}.j-eligible .j-book-title{font-size:8px}.j-eligible .j-book-picture{border-width:1px}.j-eligible .j-book-line{width:15px}.j-eligible-name{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:9px}.j-eligible small{font-size:8px;margin-top:3px}.j-map-button{display:flex;gap:10px;align-items:center;justify-content:center;background:#294353;border-color:#496372;font-size:13px}.j-field input,.j-field select,.j-field textarea{border-color:#ffffff24;background:#172a39;border-radius:8px}.j-share{background:#1a3040;border:1px solid var(--line);gap:20px}.j-share:has(input:checked){border-color:#b6a581}.j-share-cover{width:60px;flex-shrink:0}.j-share-cover .j-book{padding:8px 3px 8px 8px;gap:6px;box-shadow:2px 2px #c8c5b7,3px 4px 5px #0003}.j-share-cover .j-book-title{font-size:7px}.j-share-cover .j-book-picture{border-width:1px}.j-share-cover .j-book-line{width:12px}.j-share>span:last-child{font-size:14px;overflow-wrap:anywhere}.j-cover-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.j-cover-options button{position:relative;aspect-ratio:1.25;padding:0;overflow:hidden;background:#203847}.j-cover-options img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#profile-settings{padding:22px 0}#profile-settings:not([open]){display:none}.j-map-top>*{border-radius:24px}.j-map-filters select{border-radius:22px}.j-save-scene{position:fixed;inset:0;z-index:1500;display:flex;align-items:center;justify-content:center;background:#0b1826db;perspective:1300px;animation:save-backdrop 2250ms both;overflow:hidden}.j-save-scene>button{position:absolute;top:max(22px,env(safe-area-inset-top));right:18px;width:auto;background:#263e4f;color:#d8dddc;font-size:11px}.j-save-scene>p{position:absolute;top:calc(50% + 220px);color:#d5d7cf;font-size:12px;letter-spacing:.12em}.j-save-book{position:relative;width:min(66vw,290px);aspect-ratio:.76;transform-style:preserve-3d;animation:save-land 2250ms both}.j-save-board,.j-save-pages,.j-save-map,.j-save-front{position:absolute;inset:0;border-radius:3px 10px 10px 3px}.j-save-board{background:#556f82;transform:translateZ(-10px);box-shadow:12px 20px 25px #0008}.j-save-pages{inset:5px -4px 0 8px;background:repeating-linear-gradient(0deg,#e7e2d6 0 2px,#bab8ac 2px 3px);transform:translateZ(-5px)}.j-save-map{inset:6px 3px 5px 9px;background-color:#e8e6dc;background-image:linear-gradient(#55616a0a 1px,transparent 1px),linear-gradient(90deg,#55616a0a 1px,transparent 1px);background-size:24px 24px;overflow:hidden}.j-save-japan{position:absolute;inset:10%;width:80%;height:80%;opacity:.26;object-fit:contain}.j-save-pin{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px;border:3px solid white;border-radius:9px;background:#748b91;box-shadow:0 5px 15px #0004;animation:save-pin 2250ms both}.j-save-pin img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}.j-save-pin:after{content:'';position:absolute;top:44px;left:16px;border:7px solid transparent;border-top-color:white}.j-save-front{transform-origin:left center;transform-style:preserve-3d;animation:save-close 2250ms both}.j-save-front>.j-book{height:100%;box-shadow:2px 2px 0 #c7c5b9;backface-visibility:visible}.j-save-front .j-book-title{font-size:21px}.j-save-front .j-book{gap:28px}
@keyframes save-pin{0%,8%{opacity:0;transform:translateY(-70px) scale(.7)}24%{opacity:1;transform:translateY(5px)}32%,100%{transform:translateY(0)}}@keyframes save-close{0%,32%{transform:rotateY(-108deg)}68%,100%{transform:rotateY(0)}}@keyframes save-land{0%,66%{transform:rotateZ(-3deg)}78%{transform:rotateZ(0)}96%,100%{transform:translate(var(--land-x),var(--land-y)) scale(var(--land-scale))}}@keyframes save-backdrop{0%,83%{opacity:1}100%{opacity:0}}
@media(min-width:650px){.journal-active main{padding-top:30px}.j-books{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.j-books-list{grid-template-columns:1fr 1fr;gap:25px}.j-card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.j-my-map{min-height:230px}.j-map-art:after{width:65%}.j-book .j-book-title{font-size:18px}.j-draft-preview,.j-photo-editor,#journal-card-form,#journal-share-form{max-width:620px;margin-left:auto;margin-right:auto}.j-note-masthead{gap:30px}.j-note-cover{width:140px}.j-note-cover .j-book-title{font-size:14px}.j-preview-picture{aspect-ratio:2}.j-compose-head{margin-bottom:15px}}@media(max-width:360px){.journal-active main{width:calc(100% - 28px)}.j-books{gap:22px 18px}.j-book{gap:15px;padding-left:18px}.j-heading h2{font-size:21px}.j-library-tools{gap:0}.j-library-tools .j-small{font-size:10px}.j-book .j-book-title{font-size:13px}.j-step{font-size:8px}}@media(prefers-reduced-motion:reduce){.j-save-scene{display:none}*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}