.app-store-gallery{--shot-ink:oklch(22% .028 257);--shot-subtle:oklch(54% .03 256);--shot-line:oklch(90% .014 252);--shot-paper:oklch(99.5% .003 250);--shot-blue:var(--memo);--shot-blue-soft:var(--memo-soft);--shot-red:var(--wrong);--shot-red-soft:var(--wrong-soft);--shot-green:var(--success);--shot-green-soft:var(--success-soft);background:var(--muted);min-height:100vh;color:var(--shot-ink);padding:48px}.app-store-gallery__intro{max-width:1284px;margin:0 auto 36px}.app-store-gallery__intro h1{font-size:30px;font-weight:800}.app-store-gallery__intro p{color:var(--shot-subtle);margin-top:8px;font-size:15px}.app-store-gallery__list{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:36px;max-width:1600px;margin:0 auto;display:grid}.app-store-gallery__preview{aspect-ratio:1284/2778;border:1px solid var(--shot-line);background:var(--shot-paper);overflow:hidden;box-shadow:0 24px 70px oklch(20% .03 256/.12)}.app-store-gallery__preview .store-shot{transform-origin:0 0;transform:scale(.32)}.app-store-shot-page{background:var(--shot-paper,oklch(99.5% .003 250));min-height:100vh}.store-shot{--shot-ink:oklch(22% .028 257);--shot-subtle:oklch(54% .03 256);--shot-faint:oklch(96.5% .009 250);--shot-line:oklch(90% .014 252);--shot-paper:oklch(99.5% .003 250);--shot-blue:oklch(52% .19 262);--shot-blue-dark:oklch(40% .17 262);--shot-blue-soft:oklch(96% .03 255);--shot-red:oklch(58% .22 27);--shot-red-soft:oklch(96% .03 25);--shot-green:oklch(58% .14 158);--shot-green-soft:oklch(96% .03 158);--shot-yellow:oklch(79% .15 83);--shot-physics:oklch(60% .14 172);background:var(--shot-paper);width:1284px;height:2778px;color:var(--shot-ink);letter-spacing:0;font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,system-ui,sans-serif;position:relative;overflow:hidden}.store-shot:before{content:"";background:linear-gradient(90deg, var(--shot-blue) 0 58%, var(--shot-green) 58% 78%, var(--shot-red) 78% 100%);height:16px;position:absolute;inset:0 0 auto}.shot-header{z-index:2;padding:100px 88px 0;position:relative}.shot-brandline{justify-content:space-between;align-items:center;display:flex}.shot-brand{align-items:center;gap:16px;font-size:29px;font-weight:800;display:inline-flex}.shot-brand__mark{background:var(--shot-blue);width:54px;height:54px;color:var(--primary-foreground);border-radius:14px;place-items:center;font-size:29px;display:grid}.shot-title{max-width:1060px;margin-top:68px;font-size:78px;font-weight:900;line-height:1.22}.shot-title em{color:var(--shot-blue);font-style:normal}.shot-subtitle{color:var(--shot-subtle);margin-top:26px;font-size:30px;font-weight:600;line-height:1.65}.shot-stage{position:absolute;inset:600px 0 0}.shot-footer{z-index:10;border-top:2px solid var(--shot-line);background:var(--shot-paper);color:var(--shot-subtle);justify-content:space-between;align-items:center;padding-top:24px;font-size:22px;font-weight:700;display:flex;position:absolute;bottom:62px;left:88px;right:88px}.phone-shell{border:4px solid var(--shot-ink);background:var(--background);border-radius:66px;position:absolute;overflow:hidden;box-shadow:0 44px 100px oklch(20% .03 256/.18)}.phone-shell:before{content:"";z-index:6;background:var(--shot-ink);border-radius:999px;width:126px;height:30px;position:absolute;top:17px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--background);border-radius:61px;padding:74px 34px 36px;position:absolute;inset:0;overflow:hidden}.phone-topbar{border-bottom:1px solid var(--shot-line);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.phone-topbar__brand{color:var(--shot-blue);font-size:23px;font-weight:900}.phone-topbar__page{color:var(--shot-subtle);font-size:17px;font-weight:700}.ui-heading{margin-top:26px;font-size:29px;font-weight:900}.ui-copy{color:var(--shot-subtle);margin-top:8px;font-size:17px;line-height:1.6}.ui-card{border:1px solid var(--shot-line);background:var(--background);border-radius:18px;box-shadow:0 8px 26px oklch(20% .03 256/.06)}.ui-section{margin-top:22px}.ui-section__title{color:var(--shot-subtle);margin-bottom:12px;font-size:17px;font-weight:800}.ui-chip-row{flex-wrap:wrap;gap:8px;display:flex}.ui-chip{border:1px solid var(--shot-line);color:var(--shot-subtle);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:15px;font-weight:700;display:inline-flex}.ui-chip--blue{border-color:var(--shot-blue);background:var(--shot-blue-soft);color:var(--shot-blue)}.ui-chip--green{border-color:var(--shot-green);background:var(--shot-green-soft);color:var(--shot-green)}.ui-chip--red{border-color:var(--shot-red);background:var(--shot-red-soft);color:var(--shot-red)}.ui-button{background:var(--shot-blue);min-height:52px;color:var(--primary-foreground);border-radius:12px;justify-content:center;align-items:center;gap:9px;font-size:17px;font-weight:800;display:flex}.ui-button--outline{border:1px solid var(--shot-line);background:var(--background);color:var(--shot-ink)}.question-photo{border:1px solid var(--shot-line);background:var(--shot-faint);border-radius:12px;height:270px;margin-top:18px;position:relative;overflow:hidden}.question-photo img{object-fit:cover;width:100%;height:100%}.question-photo span{background:var(--background);border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:10px;right:10px}.book-history-group{margin-top:20px}.book-history-group__title{color:var(--shot-blue);align-items:center;gap:7px;margin-bottom:9px;font-size:15px;font-weight:900;display:flex}.book-history-group__title span{color:var(--shot-subtle)}.book-history-group__title--physics{color:var(--shot-physics)}.history-item--active{background:var(--shot-blue-soft);color:var(--shot-blue)}.calendar-toolbar{border-bottom:1px solid var(--shot-line);justify-content:space-between;align-items:center;margin-top:18px;padding-bottom:12px;display:flex}.capacity-week{gap:8px;margin-top:12px;display:grid}.capacity-day{border:1px solid var(--shot-line);border-radius:10px;padding:10px 12px}.capacity-day__head{justify-content:space-between;align-items:baseline;display:flex}.capacity-day__head b{font-size:13px}.capacity-day__head span{color:var(--shot-subtle);font-size:11px}.capacity-day__tasks{gap:5px;margin-top:7px;display:grid}.capacity-task{border-left:3px solid var(--shot-blue);background:var(--shot-blue-soft);color:var(--shot-blue-dark);border-radius:5px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.capacity-task b{font-size:11px}.capacity-task span{font-size:9px}.capacity-task--physics{border-color:var(--shot-physics);color:oklch(40% .11 172);background:oklch(96% .035 172)}.progress-story{z-index:7;justify-content:center;align-items:center;gap:17px;display:flex;position:absolute;top:26px;left:88px;right:88px}.progress-story span{border:1px solid var(--shot-line);background:var(--background);border-radius:11px;align-items:center;gap:9px;padding:10px 15px;font-size:15px;font-weight:800;display:flex}.progress-story b{background:var(--shot-blue);width:26px;height:26px;color:var(--primary-foreground);border-radius:50%;place-items:center;display:grid}.comparison-note{border:1px solid var(--shot-line);border-radius:12px;justify-content:space-between;align-items:center;margin-top:18px;padding:13px 15px;display:flex}.comparison-note span{color:var(--shot-subtle);font-size:13px;font-weight:800}.comparison-note b{color:var(--shot-red);font-size:15px}.comparison-note--after{border-color:var(--shot-blue);background:var(--shot-blue-soft)}.comparison-note--after b{color:var(--shot-blue)}.ui-input{border:1px solid var(--shot-line);background:var(--background);min-height:54px;color:var(--shot-ink);border-radius:12px;padding:14px 16px;font-size:16px}.ui-label{color:var(--shot-subtle);margin-bottom:7px;font-size:14px;font-weight:700}.ui-dot{background:var(--shot-blue);border-radius:50%;flex:none;width:10px;height:10px}.ui-dot--physics{background:var(--shot-physics)}.ui-dot--green{background:var(--shot-green)}.ui-dot--red{background:var(--shot-red)}.flow-strip{justify-content:center;align-items:center;gap:13px;margin:38px 88px 0;display:flex}.flow-step{border:1px solid var(--shot-line);background:var(--background);border-radius:15px;align-items:center;gap:11px;min-height:64px;padding:12px 19px;font-size:18px;font-weight:800;display:flex}.flow-step strong{background:var(--shot-blue-soft);width:29px;height:29px;color:var(--shot-blue);border-radius:50%;place-items:center;font-size:15px;display:grid}.flow-arrow{color:var(--shot-blue);font-size:28px}.annotation{z-index:5;background:var(--shot-ink);color:var(--primary-foreground);border-radius:14px;padding:13px 19px;font-size:17px;font-weight:800;position:absolute;box-shadow:0 12px 32px oklch(20% .03 256/.16)}.annotation:after{content:"";background:var(--shot-ink);width:36px;height:2px;position:absolute}.task-card{margin-top:16px;padding:20px}.task-card__title{align-items:center;gap:10px;font-size:20px;font-weight:800;line-height:1.45;display:flex}.task-card__meta{color:var(--shot-subtle);gap:10px;margin-top:12px;font-size:15px;display:flex}.task-card .ui-button{margin-top:18px}.record-panel{padding:24px}.record-total{border-bottom:1px solid var(--shot-line);justify-content:space-between;align-items:flex-end;padding-bottom:18px;display:flex}.record-total strong{color:var(--shot-blue);font-size:44px}.understanding-list{gap:10px;margin-top:18px;display:grid}.understanding-row{border-radius:11px;grid-template-columns:84px 1fr auto;align-items:center;gap:12px;padding:11px 13px;font-size:14px;font-weight:700;display:grid}.understanding-row--green{background:var(--shot-green-soft);color:var(--shot-green)}.understanding-row--blue{background:var(--shot-blue-soft);color:var(--shot-blue)}.understanding-row--red{background:var(--shot-red-soft);color:var(--shot-red)}.week-grid{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.week-day{border:1px solid var(--shot-line);border-radius:10px;min-height:102px;padding:8px}.week-day__name{color:var(--shot-subtle);font-size:12px;font-weight:800}.week-day__task{border-left:3px solid var(--shot-blue);background:var(--shot-blue-soft);color:var(--shot-blue-dark);margin-top:7px;padding:5px;font-size:9px;font-weight:800;line-height:1.35}.week-day__task--physics{border-color:var(--shot-physics);color:oklch(40% .11 172);background:oklch(96% .035 172)}.history-list{gap:9px;display:grid}.history-item{background:var(--shot-faint);border-radius:10px;align-items:center;gap:11px;padding:12px;display:flex}.history-item__copy{flex:1;min-width:0}.history-item__copy strong{font-size:15px;display:block}.history-item__copy span{color:var(--shot-subtle);margin-top:3px;font-size:12px;display:block}.chat-message{border-radius:17px;max-width:88%;margin-top:16px;padding:16px 18px;font-size:15px;line-height:1.65}.chat-message--user{background:var(--shot-blue);color:var(--primary-foreground);margin-left:auto}.chat-message--assistant{border:1px solid var(--shot-line);background:var(--background)}.chat-message__byline{color:var(--shot-blue);margin-bottom:8px;font-size:12px;font-weight:800}.book-row{align-items:center;gap:12px;padding:17px;display:flex}.book-row+.book-row{border-top:1px solid var(--shot-line)}.book-row__copy{flex:1}.book-row__copy strong{font-size:17px;display:block}.book-row__copy span{color:var(--shot-subtle);margin-top:4px;font-size:13px;display:block}.progress-track{background:var(--shot-faint);border-radius:999px;height:7px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--shot-blue);height:100%}.hour-grid{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.hour-cell{border:1px solid var(--shot-line);text-align:center;border-radius:10px;padding:9px 5px}.hour-cell span{color:var(--shot-subtle);font-size:11px;font-weight:800;display:block}.hour-cell strong{color:var(--shot-blue);margin-top:5px;font-size:16px;display:block}.review-timeline{gap:15px;padding-left:30px;display:grid;position:relative}.review-timeline:before{content:"";background:var(--shot-line);width:2px;position:absolute;top:10px;bottom:10px;left:9px}.review-item{border:1px solid var(--shot-line);background:var(--background);border-radius:12px;padding:14px;position:relative}.review-item:before{content:"";border:3px solid var(--background);background:var(--shot-blue);width:14px;height:14px;box-shadow:0 0 0 2px var(--shot-blue);border-radius:50%;position:absolute;top:18px;left:-28px}.review-item--red:before{background:var(--shot-red);box-shadow:0 0 0 2px var(--shot-red)}.review-item--green:before{background:var(--shot-green);box-shadow:0 0 0 2px var(--shot-green)}.review-item strong{font-size:15px;display:block}.review-item span{color:var(--shot-subtle);margin-top:4px;font-size:12px;display:block}.photo-note{border:1px solid var(--shot-line);background:var(--shot-faint);border-radius:16px;position:relative;overflow:hidden}.photo-note img{object-fit:cover;width:100%;height:100%}.flash-card{border:1px solid var(--shot-line);background:var(--background);border-radius:20px;padding:24px;box-shadow:0 14px 34px oklch(20% .03 256/.09)}.flash-card__side{color:var(--shot-blue);font-size:13px;font-weight:900}.flash-card__question{margin-top:26px;font-size:25px;font-weight:900;line-height:1.45}.flash-card__answer{border-top:1px solid var(--shot-line);color:var(--shot-subtle);margin-top:18px;padding-top:18px;font-size:17px;line-height:1.6}.format-card{border:1px solid var(--shot-line);border-radius:14px;padding:16px}.format-card--selected{border:2px solid var(--shot-blue);background:var(--shot-blue-soft)}.format-card strong{font-size:17px;display:block}.format-card span{color:var(--shot-subtle);margin-top:5px;font-size:12px;line-height:1.45;display:block}.quiz-question{border:1px solid var(--shot-line);border-radius:14px;padding:16px}.quiz-question__number{color:var(--shot-blue);font-size:12px;font-weight:900}.quiz-question__text{margin-top:7px;font-size:15px;font-weight:700;line-height:1.55}.shot-1 .phone-shell--main{width:656px;height:820px;top:105px;left:314px}.shot-1 .phone-shell--record{width:506px;height:1040px;top:900px;left:72px}.shot-1 .phone-shell--next{width:620px;height:1040px;top:900px;right:72px}.shot-2 .phone-shell--chat{width:720px;height:1540px;top:55px;right:70px}.shot-2 .phone-shell--history{z-index:4;width:540px;height:1320px;top:480px;left:70px}.shot-3 .phone-shell--plan{width:740px;height:1110px;top:55px;right:56px}.shot-3 .phone-shell--books{z-index:4;width:430px;height:690px;top:95px;left:52px}.shot-3 .phone-shell--calendar{z-index:4;width:820px;height:980px;top:1070px;left:214px}.shot-4 .phone-shell--record{width:620px;height:1430px;top:58px;left:72px}.shot-4 .phone-shell--reviews{z-index:4;width:580px;height:1210px;top:840px;right:72px}.shot-4 .annotation--levels{top:744px;right:126px}.shot-4 .annotation--levels:after{width:2px;height:28px;bottom:-28px;left:40px}.shot-5 .phone-shell--create{width:578px;height:1370px;top:70px;left:62px}.shot-5 .phone-shell--cards{z-index:4;width:648px;height:1430px;top:630px;right:62px}.shot-5 .annotation--photo{top:24px;right:92px}.shot-5 .annotation--photo:after{top:50%;left:-36px}.shot-6 .phone-shell--quiz{width:660px;height:1620px;top:60px;left:70px}.shot-6 .phone-shell--result{z-index:4;width:560px;height:1010px;top:1040px;right:70px}.pdf-sheet{z-index:4;border:1px solid var(--shot-line);background:var(--background);padding:40px 36px;position:absolute;box-shadow:0 30px 70px oklch(20% .03 256/.14)}.pdf-sheet__head{border-bottom:1px solid var(--shot-line);justify-content:space-between;align-items:baseline;gap:14px;padding-bottom:14px;display:flex}.pdf-sheet__head b{font-size:22px}.pdf-sheet__head span{color:var(--shot-subtle);font-size:13px;font-weight:700}.pdf-sheet__note{color:var(--shot-subtle);margin-top:12px;font-size:13px;line-height:1.6}.pdf-sheet__item{align-items:flex-end;gap:14px;margin-top:30px;display:flex}.pdf-sheet__question{width:46%;font-size:15px;font-weight:700;line-height:1.6}.pdf-sheet__num{color:var(--shot-subtle);margin-right:6px;font-weight:400}.pdf-sheet__lines{flex:1}.pdf-sheet__lines>span{border-bottom:1px solid oklch(60% .03 256);height:34px;display:block}.pdf-sheet__answer{color:var(--shot-blue);justify-content:space-between;align-items:flex-end;gap:8px;padding:0 6px 2px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:17px;font-weight:700;display:flex!important}.shot-7 .phone-shell--export{width:580px;height:1740px;top:100px;left:62px}.shot-7 .pdf-sheet{width:680px;top:1180px;right:62px}.shot-7 .annotation--check{top:1980px;right:300px}.shot-7 .annotation--check:after{width:2px;height:70px;top:-70px;left:70px}@media (width<=900px){.app-store-gallery{padding:20px}.app-store-gallery__list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}