:root{color:#172033;background:#f6fbff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(135deg,rgba(41,211,189,.12),transparent 34%),linear-gradient(225deg,rgba(255,107,107,.12),transparent 32%),#f6fbff}.app-layout{min-height:100vh;padding:20px 16px 104px}.page{max-width:480px;margin:0 auto}.landing-page{display:grid;gap:28px;max-width:960px;margin:0 auto}.landing-hero{display:grid;gap:24px;align-items:center;min-height:calc(100vh - 136px)}.landing-hero__content{display:grid;gap:14px}.landing-hero__content h1{max-width:11em;margin:0;font-size:clamp(2.25rem,10vw,4.75rem);line-height:1.04}.landing-hero__content p{max-width:32rem;margin:0;color:#4e5a62;font-size:1.05rem}.login-panel{display:grid;gap:16px;padding:18px;border:1px solid #eadfce;border-radius:8px;background:#fffdf8f0;box-shadow:0 18px 44px #2f261f1a}.login-panel__heading{display:grid;gap:6px}.login-panel__heading h2,.login-panel__heading p{margin:0}.login-panel__heading h2{font-size:1.15rem}.login-panel__heading p{color:#7d6d5c}.landing-preview{display:grid;gap:16px}.landing-step{display:grid;gap:8px;padding:16px 0;border-top:1px solid #eadfce}.landing-step>span{color:#8e6f49;font-size:.8rem;font-weight:700}.landing-step h2,.landing-step p{margin:0}.landing-step h2{font-size:1.05rem}.landing-step p{color:#6f6254;line-height:1.65}.landing-step__visual{display:grid;min-height:168px;margin-bottom:4px;overflow:hidden;border:1px solid rgba(159,135,109,.16);border-radius:10px;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.94),transparent 28%),linear-gradient(145deg,#fffdf8,#f4eadc);box-shadow:0 14px 32px #40302214}.landing-step__visual--profile{place-items:center}.landing-step__profile-card{display:grid;gap:10px;width:min(78%,220px);padding:18px;border:1px solid rgba(159,135,109,.16);border-radius:8px;background:#fffdf8db}.landing-step__profile-card span{width:48px;height:48px;border-radius:999px;background:linear-gradient(145deg,#e8c9bd,#ead7b7)}.landing-step__profile-card strong{color:#2c2925;font-size:.95rem;font-weight:700}.landing-step__profile-card i{display:block;height:10px;border-radius:999px;background:#9f876d33}.landing-step__profile-card i:last-child{width:68%}.landing-step__visual--photos{grid-template-columns:repeat(3,1fr);gap:8px;padding:14px}.landing-step__visual--photos div{min-height:68px;border-radius:6px;background:linear-gradient(180deg,#fff0,#2c292514),var(--photo-tone, #ead7b7)}.landing-step__visual--photos div:nth-child(1){--photo-tone: #e8c9bd}.landing-step__visual--photos div:nth-child(2){--photo-tone: #d9dfc3}.landing-step__visual--photos div:nth-child(3){--photo-tone: #ead7b7}.landing-step__visual--photos div:nth-child(4){--photo-tone: #d7dfe6}.landing-step__visual--photos div:nth-child(5){--photo-tone: #eee2d1}.landing-step__visual--photos div:nth-child(6){--photo-tone: #c6cfaa}.landing-step__visual--album{place-items:center}.landing-step__album-page{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:min(76%,190px);padding:14px;border:1px solid rgba(159,135,109,.18);background:#fffdf8;box-shadow:0 12px 26px #40302217}.landing-step__album-page strong{grid-column:1 / -1;color:#2c2925;font-family:Georgia,Times New Roman,serif;font-size:1.28rem;font-weight:400;text-align:center}.landing-step__album-page span{min-height:52px;border-radius:3px;background:linear-gradient(180deg,#fff0,#2c29250f),var(--photo-tone, #ead7b7)}.landing-step__album-page span:nth-child(2){--photo-tone: #e8c9bd}.landing-step__album-page span:nth-child(3){--photo-tone: #d9dfc3}.landing-step__album-page span:nth-child(4){--photo-tone: #ead7b7}.landing-step__album-page span:nth-child(5){--photo-tone: #d7dfe6}.page-header{margin-bottom:24px}.eyebrow{margin:0 0 8px;color:#7d6d5c;font-size:.875rem}h1{margin:0 0 12px;font-size:2rem;line-height:1.2}p{line-height:1.75}.section{margin:16px 0;padding:16px 0;border-top:1px solid #eadfce}.section--featured{border-top:0;padding-top:0}.section h2{margin:0 0 8px;font-size:1rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2{margin:0}.section-heading a{color:#6f4f32;font-weight:700;text-decoration:none}.bottom-nav{position:fixed;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #eadfce;background:#fffdf8f5}.bottom-nav__item{padding:10px 4px;border-radius:8px;color:#6f6254;font-size:.8rem;text-align:center;text-decoration:none}.bottom-nav__item.router-link-active{background:#f1e7d7;color:#2f261f;font-weight:700}.record-button{position:fixed;right:16px;bottom:calc(72px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;background:#2f261f;color:#fffdf8;font-weight:700;text-decoration:none;box-shadow:0 8px 20px #2f261f2e}.form{display:grid;gap:16px}.field{display:grid;gap:6px;font-weight:700}.field input,.field select,.field textarea,.search-input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d8cbb8;border-radius:8px;background:#fff;color:#2f261f;font:inherit}.field textarea{resize:vertical}.form--nested{margin-top:14px}.inline-panel{padding:12px;border:1px solid #eadfce;border-radius:8px;background:#fffaf1}.inline-panel summary{cursor:pointer;color:#6f4f32;font-weight:700}.primary-button{min-height:46px;border:0;border-radius:8px;background:#2f261f;color:#fffdf8;font:inherit;font-weight:700}.primary-button:disabled{opacity:.6}.profile-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:8px;background:#f8f0e4}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary-grid div{display:grid;gap:4px;padding:12px;border-radius:8px;background:#fffaf1}.summary-grid span{color:#7d6d5c;font-size:.8rem}.summary-grid strong{font-size:1.25rem}.error-text{color:#a33a2a}.success-text{color:#386c3b}.back-link{display:inline-block;margin-bottom:12px;color:#6f6254;text-decoration:none}.entry-form,.action-stack{display:grid;gap:16px}.entry-panel{display:grid;gap:12px;padding:16px 0;border-top:1px solid #eadfce}.entry-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.entry-panel h2{margin:0;font-size:1rem}.required-label{padding:4px 8px;border-radius:999px;background:#f1e7d7;color:#6f4f32;font-size:.75rem;font-weight:700}.photo-picker{display:grid;place-items:center;min-height:220px;overflow:hidden;border:1px dashed #cbbba4;border-radius:8px;background:#fffaf1;color:#6f6254;font-weight:700}.photo-picker input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.photo-picker img{display:block;width:100%;height:auto}.photo-picker img{max-height:360px;object-fit:contain}.mission-list{display:grid;gap:10px}.mission-option{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:12px;border:1px solid #eadfce;border-radius:8px;background:#fff}.mission-option input{margin-top:4px}.mission-option span{display:grid;gap:4px}.mission-option small,.subtle-text{color:#7d6d5c}.secondary-button{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border-radius:8px;background:#f1e7d7;color:#2f261f;font-weight:700;text-decoration:none}.secondary-button{justify-content:center;min-height:44px;border:0;font:inherit}.empty-state{display:grid;gap:12px;padding:16px;border-radius:8px;background:#fffaf1}.horizontal-list,.topic-list,.sheet-list,.entry-grid{display:grid;gap:12px}.horizontal-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-entry-card,.entry-card,.sheet-card,.topic-card{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid #eadfce;border-radius:8px;background:#fff;color:#2f261f;text-decoration:none}.mini-entry-card img,.mini-entry-card .image-fallback,.entry-card img,.entry-card .image-fallback,.sheet-card__photos img,.sheet-card__photos .image-fallback,.topic-card img,.topic-card .image-fallback,.preview-photo-row img,.preview-photo-row .image-fallback,.month-hero img{display:block;width:100%;aspect-ratio:1;border-radius:8px;background:#f8f0e4;object-fit:cover}.month-hero .image-fallback{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:8px;background:#eadfce;color:#7d6d5c;font-weight:700}.mini-entry-card strong,.entry-card strong,.topic-card h2,.topic-card h3{overflow-wrap:anywhere}.mini-entry-card small,.entry-card small{color:#7d6d5c}.mini-entry-card__placeholder,.entry-card__placeholder{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;background:#f8f0e4;color:#7d6d5c}.sheet-preview,.month-hero{display:grid;gap:12px;padding:16px;border-radius:8px;background:#f8f0e4}.sheet-preview{color:#2f261f;text-decoration:none}.sheet-preview--cover{border:1px solid #eadfce;background:#fffaf1}.sheet-preview__cover{overflow:hidden;border-radius:8px;background:#eadfce}.sheet-preview__cover img,.sheet-preview__cover .image-fallback{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.sheet-preview__cover .image-fallback{display:grid;place-items:center;color:#7d6d5c;font-weight:700}.sheet-preview__body{display:grid;gap:6px}.sheet-preview__body h3,.sheet-preview__body p{margin:0}.preview-photo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sheet-list{margin-top:16px}.sheet-list--toc{margin-top:0}.sheet-card{grid-template-columns:88px 1fr;align-items:center}.sheet-card--current{border-color:#9d7650;background:#fffaf1}.sheet-card--featured{grid-template-columns:1fr;gap:12px;padding:16px}.sheet-card--featured .sheet-card__cover img,.sheet-card--featured .sheet-card__cover .image-fallback{aspect-ratio:4 / 3}.sheet-card--empty-page{background:linear-gradient(135deg,#fff,#fffaf1)}.sheet-card__cover{overflow:hidden;border-radius:8px;background:#eadfce}.sheet-card__cover img,.sheet-card__cover .image-fallback{display:block;width:100%;aspect-ratio:1;object-fit:cover}.sheet-card__cover .image-fallback{display:grid;place-items:center;padding:8px;color:#7d6d5c;font-size:.8rem;text-align:center}.sheet-card__body h2{margin:0 0 4px;font-size:1.125rem}.sheet-card__body p{margin:0}@media(min-width:760px){.landing-hero{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr)}.landing-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}.current-label{display:inline-flex;align-items:center;min-height:22px;margin-right:6px;padding:2px 8px;border-radius:999px;background:#2f261f;color:#fffdf8;font-size:.75rem;font-weight:700}.sheet-card__photos{display:grid;grid-template-columns:repeat(3,36px);gap:4px;grid-column:1 / -1}.sheet-card__slots{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;grid-column:1 / -1}.sheet-card__slot{display:grid;place-items:center;overflow:hidden;aspect-ratio:1;border:1px dashed #cbbba4;border-radius:6px;background:#fffdf8b3;color:#9c8c7b;font-size:.75rem;font-weight:700}.sheet-card__slot img,.sheet-card__slot .image-fallback{display:block;width:100%;height:100%;border-radius:6px;object-fit:cover}.sheet-card__slot--filled{border-style:solid;background:#fff}.sheet-card__empty{margin:0;color:#7d6d5c;font-size:.875rem}.sheet-frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;border:1px solid #eadfce;border-radius:8px;background:linear-gradient(#fffaf1,#fffaf1) padding-box,repeating-linear-gradient(45deg,#eadfce 0 1px,transparent 1px 10px)}.sheet-frame{position:relative;display:grid;gap:6px;min-height:188px;padding:10px;border:1px dashed #cbbba4;border-radius:8px;background:#fffdf8e0;color:#2f261f;text-decoration:none}.sheet-frame--filled{border-style:solid;background:#fff;box-shadow:0 4px 12px #2f261f14}.sheet-frame--empty{place-content:center;min-height:172px;color:#7d6d5c;text-align:center}.sheet-frame img,.sheet-frame .image-fallback{display:block;width:100%;aspect-ratio:1;border-radius:6px;object-fit:cover}.sheet-frame__number{position:absolute;top:8px;left:8px;display:inline-grid;width:26px;height:26px;place-items:center;border-radius:999px;background:#2f261fdb;color:#fffdf8;font-size:.75rem;font-weight:700}.sheet-frame--empty .sheet-frame__number{background:#eadfce;color:#6f6254}.sheet-frame strong,.sheet-frame small{overflow-wrap:anywhere}.sheet-frame__slot{display:flex;align-items:center;gap:8px}.sheet-frame__icon{display:inline-grid;flex:0 0 auto;width:30px;height:30px;place-items:center;border:1px solid rgba(47,38,31,.1);border-radius:999px;background:var(--slot-color, #f1e7d7);color:#46382d;font-size:.78rem;font-weight:800;line-height:1}.sheet-frame small{color:#7d6d5c}.pager-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.category-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.category-tabs button{flex:0 0 auto;min-height:38px;padding:8px 12px;border:1px solid #eadfce;border-radius:999px;background:#fff;color:#6f6254;font:inherit;font-weight:700}.category-tabs button.active{border-color:#2f261f;background:#2f261f;color:#fffdf8}.zukan-progress-panel{display:grid;gap:12px;margin-bottom:16px;padding:16px;border:1px solid #eadfce;border-radius:8px;background:#fffaf1}.zukan-progress-panel h2,.zukan-progress-panel p{margin:0}.zukan-progress-bar{height:12px;overflow:hidden;border-radius:999px;background:#eadfce}.zukan-progress-bar span{display:block;height:100%;border-radius:inherit;background:#2f261f}.topic-card h2,.topic-card h3,.topic-card p{margin:0}.topic-card--book-page{gap:12px}.topic-card--empty-page{background:linear-gradient(135deg,#fff,#fffaf1)}.topic-card__cover{overflow:hidden;border-radius:8px;background:#eadfce}.topic-card__cover img,.topic-card__cover .image-fallback{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.topic-card__cover .image-fallback{display:grid;place-items:center;color:#7d6d5c;font-weight:700}.topic-card--empty-page .topic-card__cover .image-fallback{border:1px dashed #cbbba4;background:linear-gradient(#fffdf8e6,#fffdf8e6),repeating-linear-gradient(45deg,#eadfce 0 1px,transparent 1px 10px)}.topic-card__cover .image-fallback span{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border:1px dashed #cbbba4;border-radius:999px;background:#fffdf8}.topic-card__body,.topic-card__meta{display:grid;gap:6px}.topic-card__meta{color:#7d6d5c;font-size:.875rem}.topic-card--highlighted{border-color:#9d7650;background:#fffaf1}.topic-chip-list{display:flex;flex-wrap:wrap;gap:8px}.topic-chip{display:inline-flex;min-height:36px;align-items:center;padding:8px 12px;border-radius:999px;background:#fffaf1;color:#2f261f;font-weight:700;text-decoration:none}.image-fallback{display:grid;place-items:center;background:#eadfce;color:#7d6d5c;font-weight:700}.app-layout{padding:24px 16px 116px}.page{max-width:520px}.page-header{margin:0 -4px 22px;padding:20px;border:1px solid rgba(76,166,255,.18);border-radius:8px;background:linear-gradient(135deg,rgba(29,199,183,.16),transparent 52%),linear-gradient(225deg,rgba(255,107,107,.12),transparent 52%),#fff;box-shadow:0 14px 36px #17203314}.eyebrow{color:#12a594;font-size:.78rem;font-weight:800;letter-spacing:.08em}h1{color:#172033;font-size:2.25rem;letter-spacing:0}p{color:#4d5b6f}.section{margin:18px 0;padding:18px 0;border-top:1px solid rgba(90,122,156,.16)}.section-heading h2,.entry-panel h2{color:#172033;font-size:1.05rem}.section-heading a{color:#0d9488}.bottom-nav{right:12px;bottom:12px;left:12px;gap:6px;padding:8px;border:1px solid rgba(90,122,156,.16);border-radius:8px;background:#ffffffeb;box-shadow:0 16px 42px #17203324;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav__item{color:#64748b;font-weight:800}.bottom-nav__item.router-link-active{background:#172033;color:#fff}.record-button{right:18px;bottom:calc(82px + env(safe-area-inset-bottom));background:linear-gradient(135deg,#ff6b6b,#ff8f70);color:#fff;box-shadow:0 14px 32px #ff6b6b52}.primary-button{background:linear-gradient(135deg,#172033,#24324d);color:#fff}.secondary-button,.topic-chip{background:#e8fbf8;color:#087f74}.field input,.field textarea,.search-input{border-color:#d9e6f2;background:#fff;color:#172033}.subtle-text,.mission-option small,.mini-entry-card small,.entry-card small,.topic-card__meta,.sheet-frame small{color:#66768a}.mini-entry-card,.entry-card,.sheet-card,.topic-card,.mission-option,.zukan-progress-panel,.empty-state,.profile-summary{border:1px solid rgba(90,122,156,.14);background:#fffffff5;box-shadow:0 10px 28px #17203312}.sheet-card{position:relative;overflow:hidden}.sheet-card:before,.topic-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(#29d3bd,#4dabf7)}.sheet-card--featured{background:linear-gradient(135deg,rgba(255,209,102,.18),transparent 42%),#fff}.sheet-card--current{border-color:#1dc7b77a;background:#fff}.current-label{background:#29d3bd;color:#073b37}.sheet-card__cover,.topic-card__cover,.sheet-preview__cover{background:#eaf6ff}.sheet-card__cover .image-fallback,.sheet-preview__cover .image-fallback{background:linear-gradient(135deg,rgba(77,171,247,.16),transparent 50%),#eef8ff;color:#3b6f9f}.sheet-card__slot{border-color:#b9d7f2;background:#f0f8ff;color:#5b86ad}.sheet-card__slot:nth-child(3n+1){background:#e9fbf8;border-color:#9ee8dc;color:#0d9488}.sheet-card__slot:nth-child(3n+2){background:#fff3f1;border-color:#ffc6c2;color:#d95454}.sheet-card__slot--filled{border-color:transparent;background:#fff;box-shadow:0 6px 16px #1720331a}.sheet-frame-grid{border:1px solid rgba(90,122,156,.16);background:linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(45deg,rgba(77,171,247,.22) 0 1px,transparent 1px 12px);box-shadow:0 12px 34px #17203314}.sheet-frame{border-color:#b9d7f2;background:#f8fcff}.sheet-frame--filled{border-color:transparent;background:#fff;box-shadow:0 10px 24px #1720331f}.sheet-frame--empty{background:linear-gradient(135deg,rgba(41,211,189,.12),transparent),#fff}.sheet-frame__number{background:#172033;color:#fff}.sheet-frame--empty .sheet-frame__number{background:#dff7f4;color:#087f74}.topic-card--book-page{position:relative;overflow:hidden}.topic-card--empty-page{background:linear-gradient(135deg,rgba(77,171,247,.08),transparent 45%),#fff}.topic-card--highlighted{border-color:#ff6b6b6b;background:linear-gradient(135deg,rgba(255,107,107,.1),transparent 46%),#fff}.topic-card__cover .image-fallback{background:#eef8ff;color:#3b6f9f}.topic-card--empty-page .topic-card__cover .image-fallback{border-color:#b9d7f2;background:linear-gradient(#ffffffdb,#ffffffdb),repeating-linear-gradient(45deg,#cfe7fb 0 1px,transparent 1px 12px)}.topic-card__cover .image-fallback span{border-color:#9ee8dc;background:#fff;color:#0d9488}.zukan-progress-panel{background:linear-gradient(135deg,rgba(41,211,189,.14),transparent 52%),#fff}.zukan-progress-bar{background:#dce8f4}.zukan-progress-bar span{background:linear-gradient(90deg,#29d3bd,#4dabf7,#ff6b6b)}.category-tabs button{border-color:#d9e6f2;color:#4d5b6f;background:#fff}.category-tabs button.active{border-color:#172033;background:#172033;color:#fff}.photo-picker,.mini-entry-card__placeholder,.entry-card__placeholder,.image-fallback{background:#eef8ff;color:#3b6f9f}.required-label{background:#fff0b8;color:#8a6500}.error-text{color:#d64545}.success-text{color:#0d9488}:root{color:#182033;background:#f7fbff;font-family:Inter,Noto Sans JP,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh;background:radial-gradient(circle at 8% 4%,rgba(89,213,196,.2),transparent 28%),radial-gradient(circle at 92% 8%,rgba(255,127,113,.16),transparent 26%),linear-gradient(180deg,#f7fbff,#eef8ff 48%,#fff9f3)}.app-layout{position:relative;padding:22px 14px 154px}.app-layout:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(42,68,100,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(42,68,100,.035) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),transparent 72%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),transparent 72%)}.page{position:relative;z-index:1;max-width:540px;gap:22px}.page-header{position:relative;gap:10px;overflow:hidden;border:1px solid rgba(98,130,168,.14);border-radius:8px;background:linear-gradient(135deg,#fffffffa,#ffffffd6),linear-gradient(135deg,rgba(54,216,197,.22),transparent 46%),linear-gradient(315deg,rgba(255,128,113,.18),transparent 42%);box-shadow:0 18px 50px #1c314d1f}.page-header:after{content:"";position:absolute;right:20px;bottom:-20px;width:96px;height:96px;border-radius:999px;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from 30deg,#5bd8c7,#79c7ff,#ff8a7a,#ffd66f,#5bd8c7) border-box;border:12px solid transparent;opacity:.42}.page-header>*{position:relative;z-index:1}.page-header h1{max-width:12em;color:#172033;font-size:clamp(2rem,9vw,3.25rem);font-weight:950;line-height:.98;letter-spacing:0}.page-header p:not(.eyebrow){max-width:26em;color:#536174;font-size:.98rem;line-height:1.8}.eyebrow{color:#0d9488;font-size:.72rem;font-weight:950;letter-spacing:.08em}.section{gap:14px}.section-heading h2{color:#172033;font-size:1.24rem;font-weight:950}.section-heading span{border:1px solid rgba(91,216,199,.34);border-radius:999px;background:#ffffffbd;color:#0d9488;padding:6px 10px;font-weight:900}.bottom-nav{right:14px;bottom:calc(12px + env(safe-area-inset-bottom));left:14px;z-index:80;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:360px;margin:0 auto;padding:6px;border:1px solid rgba(98,130,168,.16);border-radius:8px;background:#ffffffe6;box-shadow:0 16px 42px #1c314d29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav__item{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 12px;border-radius:8px;color:#67778c;font-size:.86rem;font-weight:950;text-align:center;text-decoration:none;transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.bottom-nav__item:hover{background:#0d948814;color:#172033}.bottom-nav__item:focus-visible{outline:3px solid rgba(91,216,199,.42);outline-offset:2px}.bottom-nav__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav__item.router-link-active,.bottom-nav__item--active{background:#172033;color:#fff;box-shadow:0 8px 18px #1720332e;transform:translateY(-1px)}.record-button{right:calc(50% - 252px);bottom:calc(92px + env(safe-area-inset-bottom));z-index:90;border:1px solid rgba(255,255,255,.66);border-radius:999px;background:linear-gradient(135deg,#ff6f61,#ff9570);color:#fff;font-weight:950;box-shadow:0 16px 36px #ff6f6159}.primary-button,.secondary-button{min-height:42px;border-radius:8px;font-weight:950}.primary-button{background:linear-gradient(135deg,#172033,#2f466f);box-shadow:0 12px 26px #1720332e}.secondary-button{border:1px solid rgba(98,130,168,.16);background:#fff;color:#25324a}.sheet-list,.topic-list{gap:16px}.sheet-card,.topic-card,.mini-entry-card,.entry-card,.empty-state,.profile-summary,.zukan-progress-panel{border:1px solid rgba(98,130,168,.14);border-radius:8px;background:#ffffffeb;box-shadow:0 14px 36px #1c314d1a;color:#172033}.sheet-card,.topic-card{position:relative;overflow:hidden}.sheet-card:before,.topic-card:before{width:7px;background:linear-gradient(180deg,#5bd8c7,#79c7ff 50%,#ff8a7a)}.sheet-card--featured{border-color:#5bd8c757;background:linear-gradient(135deg,rgba(91,216,199,.14),transparent 48%),linear-gradient(315deg,rgba(255,214,111,.18),transparent 42%),#fffffff0}.sheet-card--current{box-shadow:0 0 0 1px #5bd8c733 inset,0 18px 46px #1c314d21}.current-label{border-radius:999px;background:#172033;color:#fff}.sheet-card__cover,.topic-card__cover{border-radius:8px;background:linear-gradient(135deg,rgba(121,199,255,.2),transparent 52%),#edf8ff}.sheet-card__cover img,.sheet-card__cover .image-fallback,.topic-card__cover img,.topic-card__cover .image-fallback{border-radius:8px}.sheet-card__body h2,.topic-card__body h2{color:#172033;font-size:1.2rem;font-weight:950;line-height:1.28}.sheet-card__body p,.topic-card__body p,.subtle-text{color:#59687b}.sheet-card__slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:2px}.sheet-card__slot{position:relative;overflow:hidden;border:1.5px dashed #a7d8f8;border-radius:8px;background:linear-gradient(135deg,#ffffffdb,#ffffff9e),#edf8ff;color:#6a93b7;font-size:.8rem;font-weight:950}.sheet-card__slot:nth-child(3n+1){border-color:#9be5da;background:#eafbf8;color:#0d9488}.sheet-card__slot:nth-child(3n+2){border-color:#ffc4bd;background:#fff1ef;color:#d9534f}.sheet-card__slot--filled{border-style:solid;border-color:#fff;background:#fff;box-shadow:0 8px 18px #1c314d29}.sheet-card__slot img,.sheet-card__slot .image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sheet-frame-grid{gap:10px;padding:12px;border:1px solid rgba(98,130,168,.14);border-radius:8px;background:linear-gradient(90deg,#ffffffc7,#ffffffeb),repeating-linear-gradient(0deg,transparent 0 17px,rgba(121,199,255,.11) 17px 18px),#fffdf8;box-shadow:0 18px 48px #1c314d1f}.sheet-frame{min-height:178px;border:1.5px dashed color-mix(in srgb,var(--slot-color, #a7d8f8) 72%,#8aa4bf);border-radius:8px;background:linear-gradient(135deg,#ffffffeb,#ffffffb8),color-mix(in srgb,var(--slot-color, #f3fbff) 28%,#ffffff);color:#172033}.sheet-frame--filled{border-style:solid;border-color:color-mix(in srgb,var(--slot-color, #ffffff) 72%,#ffffff);box-shadow:0 14px 30px #1c314d29}.sheet-frame--empty{color:#536174}.sheet-frame__number{border:2px solid #ffffff;background:linear-gradient(135deg,#172033,#2f466f);color:#fff;box-shadow:0 8px 18px #1720332e}.sheet-frame--empty .sheet-frame__number{background:#fff;color:#0d9488;box-shadow:0 6px 14px #0d94881f}.month-hero{overflow:hidden;border:1px solid rgba(98,130,168,.14);border-radius:8px;background:linear-gradient(135deg,rgba(91,216,199,.12),transparent 42%),#fff;box-shadow:0 18px 48px #1c314d1f}.month-hero img,.month-hero .image-fallback{border-radius:8px}.zukan-progress-panel{gap:16px;padding:18px;background:linear-gradient(135deg,rgba(91,216,199,.14),transparent 44%),linear-gradient(315deg,rgba(121,199,255,.16),transparent 44%),#fff}.zukan-progress-panel h2{color:#172033;font-size:2rem;font-weight:950}.zukan-progress-bar{height:14px;border:3px solid #ffffff;border-radius:999px;background:#dfedf8;box-shadow:inset 0 1px 3px #1c314d1a}.zukan-progress-bar span{border-radius:999px;background:linear-gradient(90deg,#5bd8c7,#79c7ff,#ff8a7a)}.share-summary-card{position:relative;display:grid;gap:12px;overflow:hidden;padding:20px;border:1px solid rgba(255,128,113,.28);border-radius:8px;background:linear-gradient(135deg,rgba(255,128,113,.14),transparent 44%),linear-gradient(315deg,rgba(255,214,111,.2),transparent 42%),#fffffff0;box-shadow:0 18px 48px #1c314d1f}.share-summary-card:after{content:"";position:absolute;right:-22px;bottom:-26px;width:132px;height:132px;border:14px solid rgba(255,255,255,.68);border-radius:999px;background:conic-gradient(from 30deg,#5bd8c7,#79c7ff,#ff8a7a,#ffd66f,#5bd8c7);opacity:.42}.share-summary-card>*{position:relative;z-index:1}.share-summary-card h2{margin:0;color:#172033;font-size:1.35rem;font-weight:950;line-height:1.35}.share-summary-card p{margin:0;color:#536174}.summary-image-preview{overflow:hidden;border:1px solid rgba(98,130,168,.14);border-radius:8px;background:#fff;box-shadow:0 12px 30px #1c314d1f}.summary-image-preview img{display:block;width:100%;height:auto}.summary-selection{display:grid;gap:10px}.summary-selection .section-heading{margin-bottom:0}.summary-selection h3{margin:0;color:#172033;font-size:1rem;font-weight:950}.summary-choice-list{display:grid;grid-auto-columns:116px;grid-auto-flow:column;gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}.summary-choice-list::-webkit-scrollbar{display:none}.summary-choice{display:grid;gap:8px;min-width:0;padding:8px;border:1.5px solid rgba(98,130,168,.16);border-radius:8px;background:#ffffffc2;color:#172033;font:inherit;text-align:left;box-shadow:0 8px 20px #1c314d0f}.summary-choice img,.summary-choice .image-fallback{display:block;width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover}.summary-choice strong{overflow:hidden;color:#172033;font-size:.76rem;font-weight:950;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.summary-choice--selected{border-color:#ff7f71;background:#fff8f6;box-shadow:0 0 0 2px #ff7f7124,0 10px 24px #ff7f7124}.month-sheet-browser{gap:16px}.month-sheet-browser__frame{position:relative}.month-sheet-browser__nav{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px}.month-sheet-browser__nav-button{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(98,130,168,.14);border-radius:999px;background:#ffffffd6;color:#172033;font:inherit;font-size:1.28rem;font-weight:950;box-shadow:0 10px 24px #1c314d14}.month-sheet-browser__nav-button:disabled{cursor:not-allowed;opacity:.34}.month-sheet-browser__select{display:grid;gap:5px;min-width:0;padding:8px 12px 10px;border:1px solid rgba(98,130,168,.14);border-radius:999px;background:#ffffffe0;box-shadow:0 10px 24px #1c314d14}.month-sheet-browser__select span{color:#6b7688;font-size:.66rem;font-weight:900;letter-spacing:.04em;line-height:1;text-align:center}.month-sheet-browser__select select{width:100%;border:0;background:transparent;color:#172033;font:inherit;font-size:.98rem;font-weight:950;text-align:center;text-align-last:center}.month-sheet-tab{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:10px 12px;border:1px solid rgba(98,130,168,.14);border-radius:8px;background:#ffffffc7;color:#172033;font:inherit;text-align:left;box-shadow:0 8px 18px #1c314d0f}.month-sheet-tab span{font-weight:900}.month-sheet-tab strong{color:#0d9488;font-size:.85rem;font-weight:950}.month-sheet-tab--active{border-color:#ff7f716b;background:linear-gradient(135deg,rgba(255,127,113,.12),transparent 50%),#fffffff0;box-shadow:0 0 0 2px #ff7f711f,0 12px 28px #1c314d1a}@media(max-width:430px){.month-sheet-browser__nav{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}.month-sheet-browser__nav-button{width:42px;height:42px}.month-sheet-browser__select{padding:7px 10px 9px}}.category-tabs{gap:8px;padding:2px}.category-tabs button{border:1px solid rgba(98,130,168,.14);border-radius:999px;background:#ffffffb8;color:#536174;font-weight:900}.category-tabs button.active{border-color:#172033;background:#172033;color:#fff;box-shadow:0 10px 24px #17203329}.topic-card--book-page{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:start}.topic-card--book-page .secondary-button{grid-column:1 / -1}.topic-card--empty-page{background:linear-gradient(135deg,rgba(121,199,255,.1),transparent 46%),#fff}.topic-card--highlighted{border-color:#ff80716b;background:linear-gradient(135deg,rgba(255,128,113,.12),transparent 45%),#fff}.topic-card__cover{aspect-ratio:1 / 1.18;min-height:134px}.topic-card__cover .image-fallback{border:1.5px dashed #a7d8f8;background:linear-gradient(#ffffffdb,#ffffffdb),repeating-linear-gradient(135deg,#cfe7fb 0 1px,transparent 1px 12px)}.topic-card__cover .image-fallback span{border:1px solid rgba(91,216,199,.4);border-radius:999px;background:#fff;color:#0d9488;padding:7px 10px;font-size:.74rem;font-weight:950}.topic-card__meta{color:#67778c;font-size:.78rem}.field input,.field textarea,.search-input{border:1px solid rgba(98,130,168,.18);border-radius:8px;background:#ffffffeb;box-shadow:0 6px 16px #1c314d0d}.photo-picker{border-radius:8px;background:linear-gradient(135deg,rgba(121,199,255,.14),transparent 50%),#fff}.sheet-frame{cursor:default}.sheet-frame input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.sheet-frame--empty{cursor:pointer}.sheet-frame--empty:focus-within,.sheet-frame__upload:focus-within{outline:3px solid rgba(121,199,255,.42);outline-offset:3px}.sheet-frame--filled{grid-template-rows:auto auto auto}.sheet-frame__upload{display:inline-flex;min-height:34px;align-items:center;justify-content:center;border:1px solid rgba(98,130,168,.18);border-radius:999px;background:#ffffffe6;color:#536174;cursor:pointer;font-size:.78rem;font-weight:900;line-height:1;text-align:center;text-decoration:none}.sheet-frame__upload{border-color:color-mix(in srgb,var(--slot-color, #79c7ff) 62%,#ffffff);background:color-mix(in srgb,var(--slot-color, #79c7ff) 22%,#ffffff);color:#172033}.sheet-frame__upload:has(input:disabled){cursor:wait;opacity:.72}.sheet-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding:18px;border:0;border-radius:8px;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.76),transparent 34%),#fbf8f1;box-shadow:0 18px 44px #4030221a}.sheet-frame{gap:8px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#2c2925}.sheet-frame--filled{border:0;background:transparent;box-shadow:none}.sheet-frame__photo,.sheet-frame .image-fallback,.sheet-frame__placeholder{width:100%;aspect-ratio:4 / 5;border-radius:6px;box-shadow:0 10px 22px #4030221a}.sheet-frame__photo{position:relative;overflow:hidden;background:linear-gradient(#fbf8f14d,#fbf8f14d),var(--photo-url) center / cover}.sheet-frame__photo:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;background:var(--photo-url) center / cover;filter:blur(16px);opacity:.46;transform:scale(1.08)}.sheet-frame__photo img,.sheet-frame__photo .image-fallback{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:6px;box-shadow:none;object-fit:contain}.sheet-frame--empty{display:grid;align-content:start;justify-content:stretch;place-content:normal;color:#5b5148;text-align:center}.sheet-frame__placeholder{display:grid;place-items:center;border:1px dashed rgba(159,135,109,.36);background:linear-gradient(#fbf8f1d1,#fbf8f1d1),color-mix(in srgb,var(--slot-color, #ead7b7) 22%,#ffffff);color:#b09a80;font-size:.78rem;font-weight:700}.sheet-frame__slot{display:block;min-height:1.4em;color:#5b5148;font-family:Georgia,Times New Roman,serif;font-size:.76rem;font-weight:500;letter-spacing:.03em;line-height:1.35;text-align:center}.sheet-frame--ageLabel .sheet-frame__slot,.sheet-frame--bestShot .sheet-frame__slot{font-size:.84rem}.sheet-frame__slot strong{font-weight:500}.sheet-frame__upload,.sheet-frame--empty small{min-height:auto;padding:0;border:0;background:transparent;color:#9f876d;font-size:.72rem;font-weight:700;line-height:1.3;text-decoration:underline;text-underline-offset:3px}.sheet-frame__upload{margin-top:-2px}.sheet-frame__upload:has(input:disabled){opacity:.62}.page-header--sheet{margin-bottom:14px;padding:18px}.page-header--sheet:after{width:72px;height:72px;border-width:10px;opacity:.28}.page-header--sheet h1{max-width:none;margin-bottom:8px;font-size:1.55rem;line-height:1.25}.page-header--sheet p:not(.eyebrow){margin:0;font-size:.9rem;line-height:1.65}.share-summary-card--compact{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:12px 0 16px;padding:16px}.share-summary-card--compact .eyebrow{margin-bottom:5px}.share-summary-card--compact h2{font-size:1.05rem}.share-summary-card--compact p{font-size:.86rem;line-height:1.6}.share-summary-card--compact .primary-button{min-width:112px;min-height:42px;padding-inline:16px;white-space:nowrap}.share-summary-card--compact .success-text,.share-summary-card--compact .error-text{grid-column:1 / -1}body{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.78),transparent 34%),linear-gradient(180deg,#fbf8f1,#f8f1e6 52%,#f6efe5)}.app-layout:before{background-image:linear-gradient(rgba(159,135,109,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(159,135,109,.045) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 68%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 68%)}.page-header{border-color:#9f876d29;background:radial-gradient(circle at 88% 22%,rgba(199,210,181,.32),transparent 28%),linear-gradient(135deg,#ffffffeb,#fbf8f1db);box-shadow:0 18px 44px #4030221a}.page-header:after{background:linear-gradient(#fbf8f1,#fbf8f1) padding-box,conic-gradient(from 30deg,#c6cfaa,#ead7b7,#e8c9bd,#c6cfaa) border-box;opacity:.28}.page-header h1,.section-heading h2{color:#2c2925}.page-header p:not(.eyebrow),.subtle-text,.share-summary-card p{color:#6e6257}.eyebrow{color:#9a7655}.section{border-top-color:#9f876d33}.month-sheet-browser__nav-button,.month-sheet-browser__select,.bottom-nav,.summary-image-preview{border-color:#9f876d2e;background:#fffdf8db;box-shadow:0 12px 30px #40302217}.month-sheet-browser__nav-button,.month-sheet-browser__select select{color:#2c2925}.month-sheet-browser__select span,.bottom-nav__item{color:#7b6c5d}.bottom-nav__item:hover{background:#c6cfaa33}.bottom-nav__item.router-link-active,.bottom-nav__item--active,.primary-button{background:#2c2925;color:#fffdf8}.share-summary-card{border-color:#9f876d2e;background:radial-gradient(circle at 86% 42%,rgba(232,201,189,.34),transparent 28%),linear-gradient(135deg,#ffffffeb,#fbf8f1e6);box-shadow:0 18px 44px #4030221a}.share-summary-card:after{background:conic-gradient(from 30deg,#c6cfaa,#ead7b7,#e8c9bd,#c6cfaa);opacity:.28}.share-summary-card h2{color:#2c2925}.sheet-frame-grid{background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.76),transparent 34%),#fbf8f1}.sheet-frame__slot{color:#4f463f;font-family:inherit;font-size:.82rem;font-weight:700;letter-spacing:0}.sheet-frame--ageLabel .sheet-frame__slot,.sheet-frame--bestShot .sheet-frame__slot{font-size:.82rem}.sheet-frame__slot strong{font-weight:700}.sheet-frame__upload,.sheet-frame--empty small{color:#9a7655;font-family:inherit}.field input,.field select,.field textarea,.search-input{border-color:#9f876d3d;background:#fffdf8eb;color:#2c2925}.profile-summary,.inline-panel{border:1px solid rgba(159,135,109,.18);background:#fbf8f1e0}@media(max-width:590px){.record-button{right:18px}}@media(max-width:430px){.share-summary-card--compact{grid-template-columns:1fr}.share-summary-card--compact .primary-button{width:100%}}@media(max-width:390px){.topic-card--book-page{grid-template-columns:92px 1fr}}