*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.\!fixed{position:fixed!important}.fixed{position:fixed}.block{display:block}.grid{display:grid}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:Kosugi Maru,sans-serif;color:#344f5c;background:#edf4f7;font-synthesis:none;--ink: #344f5c;--muted: #647d87;--blue: #357c9c;--line: #d2e0e5;--paper: #fffefb;--serif: "Yu Mincho", "Noto Serif JP", "Kosugi Maru", sans-serif}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#93b5c125 .7px,transparent .7px);background-size:7px 7px}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;background:none;border:0}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #357c9c;outline-offset:4px}input:focus{outline:2px solid #357c9c;outline-offset:2px}svg{flex-shrink:0}h1,h2,h3,p{margin:0}img{max-width:100%}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.19em;color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:.04em;color:#31586b}.brand>svg{color:var(--blue)}.brand small{display:block;font-size:8px;letter-spacing:.15em;color:var(--muted);margin-top:4px;font-weight:500}.primary{min-height:49px;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 22px;border-radius:7px;background:#356e88;color:#fff;font-size:14px;font-weight:700;box-shadow:0 3px #25546b;transition:background .2s,transform .2s}.primary:hover{background:#285b73;transform:translateY(-1px)}.text-button{display:inline-flex;gap:6px;align-items:center;min-height:44px;font-size:12px;color:#386e87;text-decoration:underline;text-underline-offset:4px}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:#fffdf8}.icon-button:hover:not(:disabled){background:#e9f2f6}.reverse{transform:rotate(180deg);display:flex}.field-help{font-size:11px;line-height:1.7;color:var(--muted)}.home-scene{max-width:1100px;margin:auto;padding:32px 36px;min-height:100vh}.home-brand{font-size:15px}.cover-layout{display:grid;grid-template-columns:1fr 1fr;gap:92px;align-items:center;margin:65px 0}.cover-art{position:relative;background:#d6e6ed;border-radius:5px 16px 16px 5px;min-height:520px;padding:26px 22px 26px 33px;box-shadow:12px 14px 30px #5271811b,5px 4px #fdfdf6,8px 6px #c1d4dc,inset 5px 0 10px #91adba4d;transform:rotate(-3deg)}.cover-spine{position:absolute;left:12px;top:0;bottom:0;border-left:1px solid #a8c2cf;border-right:1px solid #f4faff88;width:4px}.cover-border{min-height:470px;border:1px solid #9fbdc9;outline:1px solid #b7cdd5;outline-offset:5px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:27px 10px 18px}.cover-border>.eyebrow{font-size:7px;letter-spacing:.15em}.cover-seal{width:106px;height:106px;border:1px solid #93b3c1;outline:1px dashed #93b3c1;outline-offset:5px;border-radius:50%;display:grid;place-items:center;color:#507f95;margin:25px 0}.cover-title{font:28px/1.8 var(--serif);color:#355f72;letter-spacing:.12em}.cover-subtitle{font-size:10px;color:#4e7384;margin-top:10px}.cover-stamps{display:grid;grid-template-columns:repeat(5,30px);gap:7px;margin:24px 0}.cover-stamps>span{width:30px;height:31px;border:1px dashed #91acb9;border-radius:2px}.cover-stamps .filled{background:#eef5f3;border:1px solid #adc3cc;transform:rotate(-4deg)}.cover-bottom{font:italic 12px Georgia,serif;color:#60818e}.ribbon{position:absolute;top:-1px;right:30px;width:24px;height:66px;background:#567e92;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}.welcome h1{font:38px/1.65 var(--serif);letter-spacing:.08em;margin:14px 0 19px}.welcome h1 em{font-style:normal;color:#39758e}.intro{font-size:13px;line-height:2.2;color:#59747f}.entry-form{margin-top:29px}.entry-form label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}.entry-form input{width:100%;height:49px;padding:0 16px;border:1px solid #b9cdd6;border-radius:6px;background:#fffffd;color:var(--ink);font-size:15px}.entry-form input::-moz-placeholder{color:#8b9fa7}.entry-form input::placeholder{color:#8b9fa7}.entry-form .field-help{margin:8px 0 18px}.entry-form .primary{width:100%}.privacy-note{position:relative;font-size:10px;line-height:1.9;color:var(--muted);padding-left:23px;margin-top:22px}.privacy-note svg{position:absolute;left:0;top:3px}.home-footer{text-align:center;font-size:10px;letter-spacing:.06em;color:var(--muted)}.home-footer span{margin:0 15px;color:#7aa4b6}.error-message{font-size:12px;line-height:1.8;color:#a34843;background:#fff2ef;border:1px solid #edc7be;padding:12px;border-radius:5px;margin-top:14px}.app-shell{max-width:1040px;margin:0 auto;padding:0 36px}.app-header{min-height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cddde3}.handle-menu{display:flex;align-items:center;gap:13px;font-size:12px}.handle-menu>span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handle-menu a{font-size:10px;border:1px solid #b9ced7;border-radius:20px;min-height:44px;min-width:44px;display:grid;place-items:center;background:#f9fcfb}.collection-main{padding-top:24px}.collection-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.collection-summary h1{font:28px/1.5 var(--serif);letter-spacing:.07em;margin-top:7px}.collection-summary h1 span{color:#39758e}.collection-summary p{font-size:11px;letter-spacing:.05em;color:var(--muted);margin-top:7px}.collection-summary-actions{display:flex;flex-direction:column;align-items:flex-end}.collection-count{display:flex;align-items:center;gap:12px;border-left:1px solid #cbdde4;padding:3px 10px 3px 24px;color:var(--blue)}@property --collection-fill{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes collection-fill{0%{--collection-fill: 0deg}}.collection-ring{position:relative;width:116px;height:116px;flex-shrink:0}.collection-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;--collection-fill: var(--collection-progress);background:conic-gradient(#558ea6 var(--collection-fill),#d7e5eb 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6.5px));animation:collection-fill .9s cubic-bezier(.22,1,.36,1) both;pointer-events:none}.collection-ring-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.collection-stamp-value{display:flex;align-items:baseline;gap:4px}.collection-stamp-value strong{font:38px/1.1 Georgia,serif;letter-spacing:-.04em}.collection-stamp-value>span,.collection-ring-inner>span{font-size:12px;color:var(--ink)}.collection-ring-inner>span{margin-top:3px}.collection-progress{display:flex;flex-direction:column;align-items:flex-start;gap:8px;white-space:nowrap}.collection-percentage{display:flex;align-items:baseline;gap:5px}.collection-rate-label{font-size:13px;color:var(--ink);margin-right:3px}.collection-percentage strong{font:34px/1.1 Georgia,serif;letter-spacing:-.04em}.collection-rate-unit{font-size:17px}.collection-count small{font-size:12px;color:var(--muted)}.collection-share{min-height:34px;display:inline-flex;align-items:center;margin:4px 10px 0 0;color:#386e87;font-size:10px;text-decoration:underline;text-underline-offset:4px}.collection-share:hover{color:#285b73}.collection-tabs{display:flex;align-items:center;border-bottom:1px solid #bdcfd8;gap:28px}.collection-tabs>button{min-height:48px;display:flex;align-items:center;gap:8px;font-size:12px;padding:0 3px;color:var(--muted);position:relative}.collection-tabs>button.active{color:#315f75;font-weight:700}.collection-tabs>button.active:after{content:"";height:3px;background:#4f859d;position:absolute;bottom:-1px;left:0;right:0;border-radius:2px}.tab-count{font-size:9px;padding:2px 6px;border-radius:10px;background:#dfeaf0}.collection-tabs>.watching-button{margin-left:auto;gap:5px;font-size:10px}.album-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:16px 0 12px;gap:10px}.segmented{display:flex;flex-wrap:wrap;padding:3px;background:#dfeaf0;border:1px solid #d4e1e7;border-radius:20px;gap:2px}.segmented>button{min-height:38px;padding:6px 10px;border-radius:20px;font-size:11px;display:flex;align-items:center;gap:5px;color:#55707d}.segmented>.selected{background:#fffefb;box-shadow:0 1px 4px #37546114;color:#315e74;font-weight:700}.mobile-filter-label{display:none}.sort-control{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:var(--ink)}.sort-control select{min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.error-banner,.partial-error{font-size:12px;background:#fff5ee;border:1px solid #ead3be;padding:12px 16px;border-radius:7px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.error-banner a{text-decoration:underline}.partial-error{background:#fcf9ee}.loading-summary h1{font:24px var(--serif);margin:12px 0}.loading-summary p{font-size:12px;color:var(--muted)}.loading-tiles{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin-top:30px}.loading-tiles span{aspect-ratio:1.5;background:#dbe8ee;border-radius:3px;animation:breathe 1.5s infinite alternate}.album{position:relative;background:var(--paper);border:1px solid #cbd9de;border-radius:4px 11px 11px 4px;padding:18px 25px 7px 34px;box-shadow:0 3px 0 -1px #e0e8e8,0 5px 0 -1px #fcfcf7,0 6px #d1dee1,0 12px 30px #4866760b;scroll-margin-top:18px;animation:paper-in .3s ease-out}.album:before{content:"";position:absolute;left:17px;top:0;bottom:0;border-left:1px solid #d8e4e9;pointer-events:none}.binding{position:absolute;left:-8px;top:45px;bottom:40px;display:flex;flex-direction:column;justify-content:space-around}.binding i{width:18px;height:7px;background:linear-gradient(#fbfcfc,#9cabb1,#dbe3e5);border:1px solid #9dacb3;border-radius:8px;box-shadow:0 1px 2px #34506220}.album-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.album-heading .eyebrow{font-size:8px;letter-spacing:.18em}.album-heading h2{font:22px/1.5 var(--serif);margin-top:3px;overflow-wrap:anywhere}.album-heading small{font:9px Kosugi Maru,sans-serif;color:#758994;margin-left:16px;letter-spacing:.08em;white-space:nowrap}.page-count{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap;color:#466f81}.page-count>b{font:23px Georgia,serif}.page-count>span{font-size:10px;color:#7b8c94}.stamp-grid{animation:paper-in .22s ease-out;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.stamp-tile{display:block;width:100%;min-width:0;position:relative;aspect-ratio:1.75;min-height:44px;border-radius:3px;overflow:hidden;background:#e9eff0;border:1px solid #b8cdd5;isolation:isolate;padding:2px;transition:transform .18s,box-shadow .18s}.stamp-tile.earned{border-color:#6197af;background:#f6fcfd;box-shadow:0 1px 2px #37596918}.stamp-tile:hover{z-index:1;transform:translateY(-2px);box-shadow:0 3px 7px #46667640}.thumbnail{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:1px;background:#e1e9ea}.thumbnail img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.unearned .thumbnail{filter:grayscale(1);opacity:.32}.unearned{border-color:#d2dce0}.tile-number{position:absolute;bottom:2px;left:3px;background:#fffefbdd;padding:0 3px;border-radius:2px;font-size:7px;font-weight:700;line-height:12px;letter-spacing:.025em;color:#526b76}.tile-mark{position:absolute;top:2px;left:2px;width:26px;height:26px;background:#f9fdf7ed;border:1px solid #518aa5;border-radius:50%;display:grid;place-items:center;color:#286483;transform:rotate(-10deg);box-shadow:0 1px 2px #35526320}.tile-mark>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.unearned .tile-mark{background:#f8faf780;border:1px dashed #90a6b0;width:15px;height:15px;box-shadow:none}.future-tile{border:1px dashed #d5e0e4;background:repeating-linear-gradient(135deg,#f6f9f8,#f6f9f8 3px,#f2f6f5 3px,#f2f6f5 4px);display:grid;place-items:center;box-shadow:none}.future-tile:hover{transform:none;box-shadow:none}.empty-cross{font-size:15px;color:#c5d5da}.future-tile .tile-number{color:#9aabb2;background:transparent}.image-fallback{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#91aab5;font-size:12px}.album-footnote{display:flex;gap:13px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #e0e8e9;padding:14px 0;font-size:8px;color:#6c828c}.album-footnote>span{display:flex;gap:5px;align-items:center}.album-footnote i{display:inline-block;width:9px;height:9px;border-radius:50%}.legend-earned{background:#8bb5c5;border:1px solid #5086a0}.legend-empty{border:1px dashed #a8bac2}.album-footnote .tap-hint{margin-left:auto;font-style:italic}.book-pagination{display:flex;align-items:center;justify-content:center;gap:13px;position:relative;min-height:65px}.book-pagination .icon-button{width:44px;height:44px;border:0;background:none}.book-pagination select{border:1px solid #d3e0e4;border-radius:4px;background:#fffefb;color:#466b7e;font-size:12px;min-height:44px;padding:4px 8px}.latest-book{position:absolute;right:0;font-size:9px}.collection-footer{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin:31px 0 25px;color:#6e8994}.share-links{width:100%;margin-top:18px;padding:18px 0 6px;border-top:1px solid var(--line);text-align:center}.share-links>span{display:block;margin-bottom:10px;font-size:10px;letter-spacing:.08em}.share-links>div{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.share-links a{display:inline-flex;min-width:88px;min-height:44px;align-items:center;justify-content:center;padding:8px 15px;border:1px solid #bdd1da;border-radius:999px;background:#fffefb;color:#386e87;font-size:11px;font-weight:700;transition:background .2s,border-color .2s}.share-links a:hover{border-color:#86adbd;background:#e9f2f6}.site-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;width:100%;margin-top:12px;font-size:12px}.site-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}.site-links a:hover{color:#357c9c}.collection-footer p{font-size:11px;line-height:1.9}.collection-footer small{display:block;font-size:9px}.collection-footer>span{margin-left:auto;font-size:8px;letter-spacing:.1em}.series-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.series-breadcrumb>span{font-size:10px;color:var(--muted)}.series-section{padding:25px 0}.series-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.series-heading h2{font:24px/1.5 var(--serif);margin-top:7px}.series-heading p{font-size:11px;color:var(--muted);margin-top:7px}.series-search{border:1px solid #c1d3db;border-radius:6px;display:flex;align-items:center;gap:7px;padding:0 12px;background:#fbfdfa;color:var(--muted)}.series-search input{width:180px;min-height:44px;background:none;border:0;font-size:12px}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.series-book{border:1px solid #c3d5dc;border-radius:3px 8px 8px 3px;background:#e4eff2;padding:17px 17px 14px 23px;position:relative;text-align:left;box-shadow:2px 2px #f9fbf5,3px 3px #c8d8de;transition:transform .2s,box-shadow .2s}.series-book:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:3px;border-left:1px solid #9fbcc64d;border-right:1px solid #fff9}.series-book:hover{transform:translateY(-3px);box-shadow:2px 5px #f9fbf5,3px 6px #c8d8de}.series-book.tone-1{background:#ecede4}.series-book.tone-2{background:#e8e9f2}.series-book-top{display:flex;justify-content:space-between;color:#658594;font:11px Georgia,serif}.series-book h3{font:16px/1.7 var(--serif);margin:15px 0;min-height:54px;overflow-wrap:anywhere}.series-progress-label{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;color:#69838e;font-size:9px}.series-progress-label b{color:#426f83;font:16px Georgia,serif}.series-progress{display:block;height:14px;margin:6px 0 18px;padding:2px;overflow:hidden;border:1px solid #abc6d1;border-radius:999px;background:#f8fbf8;box-shadow:inset 0 1px 3px #7897a329,0 1px #fff}.series-progress>span{display:block;height:100%;min-width:0;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#8fc3d5,#70a9c0);box-shadow:inset 0 1px #dff5fb99}.series-progress.complete>span{background-image:linear-gradient(105deg,transparent 28%,#ffffffb8 45%,transparent 62%),linear-gradient(90deg,#8fc3d5,#70a9c0)}.series-book-bottom{display:flex;justify-content:space-between;align-items:center;color:#567583;font-size:11px}.series-book-bottom b{font:22px Georgia,serif;margin-right:2px}.empty-state{text-align:center;padding:55px 25px;background:#fffdf8;border:1px dashed #c7dbe2;border-radius:7px;color:#6a838f}.empty-state>svg{margin:0 auto 17px}.empty-state h2{font:20px/1.7 var(--serif);margin-bottom:10px}.empty-state p{font-size:12px;line-height:1.9}.detail-dialog{padding:0;border:1px solid #c7d7dc;border-radius:13px;max-width:480px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;color:var(--ink);background:var(--paper);box-shadow:0 20px 80px #143e5540}.detail-dialog::backdrop{background:#203d50a1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.detail-content{position:relative}.detail-close{position:absolute;top:12px;right:12px;z-index:2;background:#fffefbea}.detail-image{aspect-ratio:16/9;position:relative}.detail-stamp{position:absolute;width:146px;height:146px;background:#fffef7ed;border:5px solid #518aa5;border-radius:50%;top:12px;left:12px;transform:rotate(-12deg);box-shadow:0 2px 12px #385c6f20;animation:press .55s both}.detail-body{padding:30px 27px 23px}.status-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#758c96}.status-label.is-earned{color:#35778f}.detail-body h2{font:19px/1.7 var(--serif);margin-top:12px;overflow-wrap:anywhere}.detail-date{font-size:10px;color:#7a8e98;margin-top:10px}.detail-message{font-size:12px;line-height:2;white-space:pre-line;margin:19px 0;color:#607d89}.detail-body .primary{font-size:12px}.replay-button{display:flex;margin:12px auto 0}.reflection-note{font-size:9px;color:#7b8c95;line-height:1.8;margin-top:17px}.arrive{animation:tile-in .65s both}.arrive .tile-mark{animation:press .5s .15s both}.arrive:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#eaffffb8 48%,transparent 75%);animation:glint .8s .25s both}.arrive .tile-mark,.arrive:after{animation-delay:inherit}@keyframes glint{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes tile-in{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes press{0%{opacity:0;transform:scale(1.5) rotate(-22deg)}55%{opacity:1;transform:scale(.9) rotate(-12deg)}75%{transform:scale(1.05) rotate(-12deg)}to{transform:scale(1) rotate(-12deg)}}@keyframes paper-in{0%{opacity:.5;transform:translate(7px)}to{opacity:1;transform:translate(0)}}@keyframes breathe{to{opacity:.4}}@media (min-width:641px) and (max-width:900px){.stamp-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.cover-layout{gap:35px}.cover-art{min-height:480px}.cover-border{min-height:430px}.welcome h1{font-size:31px}.cover-title{font-size:23px}.cover-stamps{grid-template-columns:repeat(5,24px)}.cover-stamps>span{width:24px;height:26px}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-heading{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.app-shell{padding:0 17px}.app-header{min-height:72px;gap:10px}.brand{font-size:12px;gap:7px}.brand small{font-size:6px;letter-spacing:.07em}.brand>svg{width:22px}.handle-menu{gap:7px;font-size:10px}.handle-menu>span{max-width:95px}.handle-menu a{font-size:9px}.collection-main{padding-top:22px}.collection-summary{margin-bottom:20px;gap:12px}.collection-summary .eyebrow{font-size:8px}.collection-summary h1{font-size:22px;letter-spacing:.025em;margin-top:5px}.collection-summary h1 span{display:block;white-space:nowrap}.collection-summary p{font-size:9px;margin-top:5px}.collection-count{padding:2px 0 2px 12px;gap:7px}.collection-ring{width:80px;height:80px}.collection-ring:before{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px))}.collection-stamp-value strong{font-size:28px}.collection-stamp-value>span,.collection-ring-inner>span{font-size:10px}.collection-count small{font-size:10px}.collection-progress{gap:6px}.collection-percentage{gap:3px}.collection-rate-label{font-size:10px;margin-right:1px}.collection-percentage strong{font-size:26px}.collection-rate-unit{font-size:13px}.collection-share{margin-right:0;font-size:9px}.collection-tabs{gap:21px}.collection-tabs>button{min-height:44px;font-size:11px;gap:6px}.collection-tabs>.watching-button{font-size:9px}.tab-count{font-size:8px}.album-toolbar{margin:14px 0 13px;flex-wrap:nowrap;gap:6px}.album-toolbar .segmented{flex-wrap:nowrap;flex-shrink:0}.album-toolbar .segmented>button{font-size:10px;min-height:38px;padding:5px 8px}.desktop-filter-label,.sort-label{display:none}.mobile-filter-label{display:inline}.sort-control{min-width:0;gap:0}.sort-control select{min-width:0;max-width:112px;padding-inline:6px;font-size:11px}.album{padding:16px 10px 2px 12px;border-radius:3px 8px 8px 3px}.album:before{left:5px}.binding{left:-6px}.binding i{width:12px;height:6px}.album-heading{margin-bottom:13px;gap:9px}.album-heading .eyebrow{font-size:6px;letter-spacing:.14em}.album-heading h2{font-size:17px}.album-heading small{font-size:7px;margin-left:8px}.page-count>b{font-size:20px}.page-count{gap:3px}.page-count>span{font-size:8px}.page-count>svg{width:13px}.stamp-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.stamp-tile{min-height:44px;aspect-ratio:1.45;padding:1px}.tile-number{font-size:6px;line-height:10px;left:2px;bottom:2px;padding:0 2px}.tile-mark{width:22px;height:22px;top:1px;left:1px}.tile-mark>svg{width:12px}.unearned .tile-mark{width:13px;height:13px}.album-footnote{gap:6px 12px;font-size:7px;padding:11px 0}.album-footnote .tap-hint{display:none}.book-pagination{min-height:59px;gap:9px}.latest-book{font-size:8px}.collection-footer{margin:25px 0;align-items:flex-start;gap:8px}.collection-footer p{font-size:10px}.collection-footer small{font-size:8px}.collection-footer>span{display:none}.collection-footer>svg{margin-top:3px}.share-links{margin-top:12px}.share-links>div{gap:7px}.share-links a{min-width:78px;padding-inline:11px}.series-section{padding:19px 0}.series-heading{align-items:stretch;flex-direction:column;gap:15px}.series-heading h2{font-size:22px}.series-heading .eyebrow{font-size:8px}.series-heading p{font-size:10px}.series-search input{width:100%}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.series-book{padding:14px 10px 12px 18px}.series-book h3{font-size:13px;min-height:44px;margin:13px 0}.series-progress-label b{font-size:14px}.series-progress{margin-bottom:15px}.series-book-bottom{font-size:9px}.series-book-bottom b{font-size:19px}.series-breadcrumb>span{font-size:8px}.loading-tiles{grid-template-columns:repeat(5,1fr)}.detail-dialog{max-width:100%;width:100%;margin:auto 0 0;border-radius:17px 17px 0 0;max-height:92dvh}.detail-body{padding:27px 23px 22px}.detail-body h2{font-size:17px}.detail-stamp{width:100px;height:100px;top:8px;left:8px}.home-scene{padding:21px 25px 25px}.home-brand{font-size:13px}.cover-layout{grid-template-columns:1fr;gap:38px;margin:32px 0}.cover-art{width:235px;min-height:0;padding:19px 15px 19px 23px;margin:0 auto;transform:rotate(-5deg)}.cover-border{min-height:240px;padding:16px 8px}.cover-border>.eyebrow{font-size:5px}.cover-seal{width:52px;height:52px;margin:18px 0 12px;outline-offset:3px}.cover-seal>svg{width:36px;height:36px}.cover-title{font-size:19px;line-height:1.7}.cover-subtitle{font-size:7px;margin-top:7px}.cover-stamps{grid-template-columns:repeat(5,17px);gap:5px;margin:14px 0}.cover-stamps>span{width:17px;height:19px}.cover-bottom{font-size:8px}.ribbon{right:23px;width:16px;height:42px}.welcome{max-width:360px;margin:auto;width:100%}.welcome>.eyebrow{font-size:8px}.welcome h1{font-size:28px;line-height:1.45;margin:9px 0 13px}.welcome h1 br{display:none}.intro{font-size:11px;line-height:2}.desktop-break{display:none}.entry-form{margin-top:22px}.entry-form label{font-size:11px}.entry-form input{font-size:16px}.entry-form .field-help,.privacy-note{font-size:9px}.home-footer{font-size:8px;line-height:2}.home-footer span{margin:0 5px}}@media (max-width:359px){.app-shell{padding:0 12px}.stamp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.handle-menu>span{max-width:65px}.brand{font-size:11px}.collection-summary h1{font-size:19px}.collection-ring{width:72px;height:72px}.collection-stamp-value strong{font-size:26px}.collection-percentage strong{font-size:24px}.collection-count{padding-left:10px}.collection-tabs{gap:13px}.collection-tabs>button{font-size:10px}.collection-summary p{font-size:8px}.series-grid{gap:10px}.album-heading small{display:block;margin:3px 0 0}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.stamp-tile:hover,.series-book:hover,.primary:hover{transform:none}.arrive:after{display:none}}