:root{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;color:#263b32;background:#f5f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid #d49554;outline-offset:3px}.app-shell{min-height:100vh}.hero{background:#315e50;color:#fff;padding:24px}.hero-inner,main,.nav-inner{max-width:1120px;margin:auto}.brand{font-size:11px;letter-spacing:.2em;font-weight:700;display:flex;align-items:center;gap:8px;color:#d8e8db}.brand-mark{font-size:34px;line-height:20px}.hero h1{font-size:clamp(25px,4vw,36px);font-weight:650;letter-spacing:.06em;margin:23px 0 8px}.hero p{margin:0;color:#dce9de;font-size:14px}.app-nav{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #dfe8df}.nav-inner{display:flex;gap:8px;padding:8px 24px}.app-nav button{min-width:96px;min-height:44px;padding:9px 18px;border:0;border-radius:8px;background:transparent;color:#557063;font-weight:700}.app-nav button.active{background:#e7f1e9;color:#27583d}.app-nav button:hover{background:#f0f5ef}main{padding:0 24px 70px;min-height:58vh}.page-content{padding-top:28px}.page-heading{margin-bottom:21px}.page-heading h2{font-size:28px;margin:5px 0}.page-heading p:last-child{font-size:13px;color:#677d6e;margin:0}.eyebrow{color:#668c72;font-size:10px!important;font-weight:800;letter-spacing:.21em;margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h3{font-size:19px;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.today-grid{grid-template-columns:repeat(3,1fr)}.stat-card{background:#eaf2e9;border-radius:12px;padding:18px;min-height:125px}.stat-card>span,.lifetime span{display:block;font-size:12px;color:#536a5d;font-weight:700}.stat-card strong{display:block;font-size:30px;line-height:1.4;margin:8px 0 1px;color:#2d6048}.stat-card strong small{font-size:14px;margin-left:3px}.stat-card p{font-size:11px;color:#687a70;margin:0}.panel{background:#fff;border:1px solid #e2eae0;border-radius:16px;padding:27px}.today-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.timer{background:#f5f8f2;border:1px solid #e1eade;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.timer strong{font-variant-numeric:tabular-nums;display:block;font-size:24px;letter-spacing:.08em}.timer-actions,.form-actions,.data-actions,.record-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.primary,.secondary{border-radius:8px;padding:10px 14px;border:1px solid #b5c9b8;font-size:12px;font-weight:700}.primary{background:#315e50;border-color:#315e50;color:#fff;padding:12px 26px}.primary:hover{background:#214d40}.secondary{background:#fff;color:#365e4b}.secondary:hover{background:#edf4ec}.record-cta{min-height:48px}.recent-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e9efe7}.recent-row:first-child{padding-top:0}.recent-row:last-child{border:0;padding-bottom:0}.recent-row time{display:block;font-size:13px;font-weight:700}.recent-row small{display:block;color:#718477;font-size:11px;margin-top:4px}.recent-row strong{color:#315e50}.text-button,.record-actions button{background:none;border:0;color:#416d52;font-size:12px;padding:8px}.form-panel{max-width:780px}form label,.filters label{display:block;font-size:12px;font-weight:700;color:#43574a;margin-bottom:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.required{color:#ab7660;font-size:10px}input,select,textarea{width:100%;border:1px solid #d7e1d7;background:#fff;color:#263b32;border-radius:8px;padding:11px 12px;margin-top:7px;outline-color:#7ba587}textarea{resize:vertical;line-height:1.6}.weekday{font-size:12px;color:#6d806f;margin:-6px 0 17px}.form-actions{margin-top:6px}.records-panel,.month-panel{margin-top:20px}.count{font-size:13px;color:#718b77;font-weight:400}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.filters label{margin:0}.record-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.record{border:1px solid #e1e9df;border-radius:12px;padding:17px;background:#fcfdfb}.record-top{display:flex;justify-content:space-between;gap:10px}.record-top time{display:block;font-size:15px;font-weight:750}.record-top strong{font-size:19px;color:#315e50;white-space:nowrap}.kind{display:inline-block;background:#edf0eb;color:#53695d;border-radius:30px;padding:4px 9px;font-size:10px;margin-top:8px}.self-kind{background:#e1f0e4;color:#2e6b45}.equipment{color:#69816d;font-size:11px;margin:10px 0}.record-text,.note{font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.note{color:#627766}.record-actions{justify-content:flex-end;border-top:1px solid #e8eee6;margin-top:13px;padding-top:5px}.record-actions button:last-child{color:#9b5f52}.lifetime{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.lifetime strong{display:block;font-size:19px;margin:7px 0 2px;color:#304e3e}.lifetime small{font-size:11px;color:#87958a}.year-select{width:auto;min-width:105px;margin:0}.annual-summary{display:grid;gap:6px;background:#f0f6ef;border-radius:10px;padding:18px;margin-bottom:18px}.annual-summary span{font-size:12px;color:#5a735e}.annual-summary strong{font-size:18px;color:#2d6048}.annual-summary small,.helper{font-size:11px;color:#718278}.helper{line-height:1.6;margin-bottom:24px}.month-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}.month-row{display:flex;align-items:center;gap:15px;font-size:13px;font-weight:700}.month-row>span{width:28px}.month-bars{flex:1}.bar-track{height:8px;border-radius:99px;background:#edf2eb;overflow:hidden}.bar-track>div{height:100%;border-radius:99px;background:#75a886}.month-bars small{display:block;font-size:10px;color:#7c8b7e;margin-top:5px;font-weight:400}.learning-panel{max-width:700px;min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.learning-panel>p:last-child{font-size:16px;line-height:1.7}.empty{text-align:center;color:#758779;padding:40px 10px;font-size:13px}.notice{max-width:1120px;margin:16px auto;background:#e6f2e8;color:#2d6540;border-radius:9px;padding:11px 15px;font-size:13px;display:flex;justify-content:space-between}.notice button{border:0;background:none;font-size:18px;color:inherit}footer{text-align:center;color:#9aa69b;font-size:11px;padding:0 20px 28px}@media(max-width:850px){.stat-grid,.lifetime{grid-template-columns:repeat(2,1fr)}.today-grid{grid-template-columns:repeat(3,1fr)}.today-layout{grid-template-columns:1fr}.record-list{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero{padding:20px 18px}.hero h1{margin-top:18px}.app-nav{position:fixed;inset:auto 0 0;border-top:1px solid #dbe6dc;border-bottom:0;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 18px #1d443019}.nav-inner{padding:4px 8px;gap:2px}.app-nav button{min-width:0;flex:1;min-height:56px;padding:8px 2px;font-size:14px}.app-nav button.active{background:#e7f1e9}main{padding:0 12px calc(95px + env(safe-area-inset-bottom))}.page-content{padding-top:19px}.page-heading h2{font-size:24px}.panel{padding:19px;border-radius:14px}.stat-grid,.today-grid{grid-template-columns:repeat(2,1fr);gap:8px}.today-grid .stat-card:last-child{grid-column:1/-1}.stat-card{min-height:108px;padding:13px}.stat-card strong{font-size:25px}.lifetime{gap:14px 8px}.lifetime strong{font-size:16px}.section-head{align-items:start}.timer{align-items:start;flex-direction:column}.record-list,.month-list{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.records-panel>.section-head{flex-direction:column}.data-actions{width:100%}.data-actions button{flex:1}.form-row{gap:9px}footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}}.app-shell,main,.page-content,.panel,.stat-card,.record,.month-row,.month-bars,.annual-summary,.notice,.form-row,.filters,.record-top,.section-head,.timer,.timer-actions,.data-actions,.lifetime>div{min-width:0}.form-row>*,.filters>*,.stat-grid>*,.record-list>*,.today-layout>*,.month-list>*,.section-head>*,.record-top>*{min-width:0}input,select,textarea{min-width:0;max-width:100%;box-sizing:border-box}.stat-card,.lifetime,.annual-summary,.record,.recent-row,.section-head{overflow-wrap:anywhere}.primary,.secondary,.app-nav button{max-width:100%;white-space:normal;overflow-wrap:anywhere}#record-form{scroll-margin-top:80px}html,body,#root,.app-shell,main,.page-content,section,article,form{width:100%;max-width:100%;min-inline-size:0;box-sizing:border-box}main{max-width:1120px}.app-shell *,.app-shell *:before,.app-shell *:after{box-sizing:border-box}.page-content,.form-panel,.records-panel,.record-list,.record,.form-row,.filters,.data-actions,.choice-group,.choice-list,.section-head,.section-head>*,.record-top,.record-top>*{min-inline-size:0;max-inline-size:100%}input,select,textarea,button{box-sizing:border-box;max-inline-size:100%;min-inline-size:0}html{-webkit-text-size-adjust:100%}.choice-group{border:0;padding:0;margin:5px 0 21px}.choice-group legend{font-size:13px;font-weight:700;color:#43574a;padding:0;margin-bottom:10px}.choice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.choice-button{display:flex;align-items:center;gap:8px;text-align:left;width:100%;min-width:0;min-height:48px;padding:9px 11px;border:1px solid #cbdaca;border-radius:9px;background:#fff;color:#365644;font-size:13px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.choice-button.selected{background:#e2f0e6;border-color:#38785b;color:#215b3c;font-weight:700}.choice-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border:1px solid currentColor;border-radius:50%;font-weight:700}.record-label{font-weight:700;color:#425d49}.date-field{display:block;width:100%;max-width:100%;min-width:0;inline-size:100%;max-inline-size:100%;min-inline-size:0;box-sizing:border-box}.date-control{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.date-display-text{display:none}.date-control>input[type=date]{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;inline-size:100%;max-inline-size:100%;min-inline-size:0}@media(max-width:600px){main{max-width:100%}.hero{padding:calc(20px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) 20px calc(18px + env(safe-area-inset-left))}.app-nav{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.form-row,.filters,.stat-grid,.today-grid,.lifetime,.record-list,.month-list{grid-template-columns:minmax(0,1fr)}.today-grid .stat-card:last-child{grid-column:auto}.form-row{gap:0}.filters{gap:12px}.filters label:first-child{grid-column:auto}.data-actions{flex-direction:column;align-items:stretch}.data-actions button,.form-actions .primary,.record-cta{width:100%}input,select,textarea{font-size:16px;line-height:1.35}.year-select{font-size:16px}#record-form{scroll-margin-top:16px}.choice-list{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-button{font-size:14px}.app-shell input,.app-shell select,.app-shell textarea,.app-shell button{font-size:16px}.app-shell input[type=date],.app-shell input[type=month]{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-size:16px;line-height:1.4}.app-shell input[type=date]::-webkit-datetime-edit,.app-shell input[type=month]::-webkit-datetime-edit,.app-shell input[type=date]::-webkit-date-and-time-value,.app-shell input[type=month]::-webkit-date-and-time-value{min-width:0;font-size:16px;line-height:1.4}.app-shell button{touch-action:manipulation}.date-control{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0;inline-size:100%;min-inline-size:0;box-sizing:border-box;min-height:48px;margin-top:7px;padding:11px 12px;border:1px solid #d7e1d7;border-radius:8px;background:#fff;overflow:hidden}.date-control:focus-within{outline:3px solid #d49554;outline-offset:3px}.date-display-text{display:block;pointer-events:none;color:#263b32;font-size:16px;line-height:1.35}.app-shell .date-control>input[type=date]{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;min-width:0;inline-size:100%;min-inline-size:0;box-sizing:border-box;margin:0;padding:0;opacity:0;cursor:pointer}.notice{position:fixed;z-index:30;top:calc(max(env(safe-area-inset-top),60px) + 8px);left:calc(env(safe-area-inset-left) + 12px);right:calc(env(safe-area-inset-right) + 12px);width:auto;max-width:none;margin:0;box-shadow:0 8px 24px #183e2a2b}}.learning-form-panel{max-width:780px}.learning-history{margin-top:20px}.learning-filters{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr)) auto;gap:12px;align-items:end;margin-bottom:18px}.learning-filters>*{min-width:0;max-width:100%}.learning-filters label{margin:0}.clear-filters{min-height:43px}.learning-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.learning-card{min-width:0;max-width:100%;padding:18px;border:1px solid #e1e9df;border-radius:12px;background:#fcfdfb;overflow-wrap:anywhere}.learning-card-head time{color:#6e806f;font-size:12px}.learning-card-head h4{margin:6px 0 12px;font-size:17px;line-height:1.5}.learning-tags{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.learning-tags span{padding:5px 9px;border-radius:30px;background:#e1f0e4;color:#2e6b45;font-size:11px}.learning-tags .body-tag{background:#edf0eb;color:#53695d}.learning-content,.learning-details p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.learning-content{margin:14px 0 8px}.learning-details p{color:#526558;margin:10px 0}.learning-details strong{color:#425d49}.expand-button{min-height:40px}.learning-card .record-actions{margin-top:12px}.review-overview{margin-bottom:20px}.review-primary{min-height:48px;padding:12px 26px;border:1px solid #75608e;border-radius:8px;background:#75608e;color:#fff;font-weight:700}.review-primary:hover{border-color:#624e79;background:#624e79}.review-primary:disabled{border-color:#b9afc5;background:#b9afc5;color:#554d5d}.today-review{margin:20px 0}.review-session{max-width:780px}.review-session h3{overflow-wrap:anywhere}.review-progress{color:#526558;font-size:13px}.review-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 14px;min-width:0;max-width:100%;margin:13px 0;padding:11px 13px;border:1px solid;border-radius:10px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.review-meta>*{min-width:0;max-width:100%}.review-meta-date{font-weight:750}.review-meta-first{flex-basis:100%}.review-meta--upcoming{background:#edf6ee;border-color:#d6e8d9;color:#2d593d}.review-meta--today{background:#fbf5df;border-color:#e7dcae;color:#62541f}.review-meta--overdue{background:#fbefed;border-color:#ebd2cf;color:#763e39}.review-prompt{margin:28px 0;font-size:18px;font-weight:700}.review-answer{margin:24px 0;padding:16px;border-radius:10px;background:#f4f8f2}.review-answer p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.review-answer strong{display:block}.review-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.review-actions button{min-width:0;min-height:52px}.review-back{display:block;margin-top:24px;min-height:44px}@media(max-width:850px){.learning-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-list{grid-template-columns:1fr}}@media(max-width:600px){.learning-filters{grid-template-columns:minmax(0,1fr)}.learning-filters input,.learning-filters select{font-size:16px}.clear-filters,.learning-history .data-actions button{width:100%;min-height:48px}.learning-card{padding:16px}.review-actions{grid-template-columns:minmax(0,1fr)}.review-primary,.review-session .primary,.review-actions button{width:100%}}.weekly-card,.activity-calendar,.achievement-card{margin:20px 0;min-width:0}.weekly-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.weekly-metric{min-width:0}.weekly-metric>div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.weekly-metric strong{color:#315c42}.weekly-metric progress{display:block;width:100%;height:12px;margin:8px 0;accent-color:#47825d}.weekly-metric small{color:#587064}.weekly-details{margin-top:14px;min-height:44px}.goal-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.goal-form>*,.goal-form input{min-width:0;max-width:100%}.goal-form button{grid-column:1 / -1;min-height:48px}.calendar-controls{display:flex;align-items:center;gap:8px;min-width:0}.calendar-controls button{width:44px;height:44px;border:1px solid #cbdaca;border-radius:8px;background:#fff;color:#315c42;font-size:24px;cursor:pointer}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;width:100%;min-width:0}.calendar-weekday{text-align:center;font-size:13px;font-weight:700;color:#587064}.calendar-weekday.saturday{color:#42627e}.calendar-weekday.sunday{color:#9a4f49}.calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;min-width:0;min-height:58px;padding:5px 2px;border:1px solid #d7e1d7;border-radius:8px;background:#fff;color:#263b32;cursor:pointer}.calendar-day.other-month{opacity:.38}.calendar-day:disabled{cursor:default}.calendar-day.is-today{border:2px solid #39765a}.calendar-day.is-selected{background:#e6f2e8;outline:2px solid #39765a}.calendar-marks{display:flex;gap:2px;min-height:19px}.calendar-marks b{display:inline-flex;align-items:center;justify-content:center;width:20px;height:19px;border-radius:5px;background:#d8eadc;color:#245b3e;font-size:11px}.calendar-marks b+b{background:#e8e6d4;color:#665d2b}.calendar-legend{display:flex;flex-wrap:wrap;gap:12px;color:#587064;font-size:13px}.calendar-detail{padding:16px;border-radius:10px;background:#f4f8f2}.calendar-detail h4{margin:0 0 12px}.calendar-detail p{margin:6px 0}.calendar-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.calendar-links button{min-height:44px}.badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.badge-item{display:flex;gap:10px;min-width:0;padding:12px;border:1px solid #dfe6dc;border-radius:10px;background:#fafbf9;color:#66766b}.badge-item.unlocked{background:#eaf4e9;color:#315c42}.badge-item>span{font-weight:700;font-size:20px}.badge-item div{min-width:0}.badge-item strong,.badge-item small{display:block;overflow-wrap:anywhere}.badge-item small{margin-top:3px;font-size:12px}.celebration{position:fixed;z-index:31;top:calc(env(safe-area-inset-top) + 76px);right:calc(env(safe-area-inset-right) + 16px);left:auto;max-width:min(360px,calc(100% - 32px));padding:12px 16px;border:1px solid #a8cead;border-radius:10px;background:#eaf4e9;box-shadow:0 6px 20px #183e2a24;color:#245b3e}@media(max-width:600px){.weekly-metrics,.goal-form,.badge-grid{grid-template-columns:minmax(0,1fr)}.weekly-metrics{gap:10px}.calendar-grid{gap:2px}.calendar-day{min-height:52px;font-size:12px}.calendar-marks b{width:16px;height:17px;font-size:10px}.calendar-controls strong{font-size:14px}.activity-calendar .section-head{align-items:flex-start}.goal-form input,.goal-form button,.calendar-controls button,.calendar-links button{font-size:16px}.calendar-links{flex-direction:column}.calendar-links button{width:100%}.celebration{left:calc(env(safe-area-inset-left) + 12px);right:calc(env(safe-area-inset-right) + 12px);max-width:none}}@media(prefers-reduced-motion:reduce){.celebration{animation:none}}.full-backup-card{margin:20px 0 0}.full-backup-card p{overflow-wrap:anywhere}.full-backup-card .data-actions{display:flex;gap:10px;flex-wrap:wrap}.full-backup-card .data-actions button{min-height:48px}.backup-last,.backup-reminder{color:#526558}.backup-message{padding:10px 12px;border-radius:8px;background:#eaf4e9;color:#245b3e}.backup-preview{min-width:0;max-width:100%;margin-top:18px;padding:16px;border:1px solid #cbdaca;border-radius:10px;background:#f8faf6;overflow-wrap:anywhere}.backup-preview h4{margin:0 0 12px}.backup-preview dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.backup-preview dl>div{min-width:0}.backup-preview dt{color:#526558;font-size:13px}.backup-preview dd{margin:2px 0 0;font-weight:700}.backup-filename{overflow-wrap:anywhere}.backup-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.backup-actions button{min-height:48px}.backup-kind-note{padding:10px 12px;border-left:4px solid #73929d;border-radius:8px;background:#edf4f5;color:#405f6b}.image-backup-section{min-width:0;max-width:100%;margin-top:24px;padding-top:20px;border-top:1px solid #d6dfd8}.image-backup-section>h4{margin:0 0 8px;color:#405f6b;font-size:18px}.image-backup-preview{border-color:#b8cbd2;background:#f3f8f9}.image-backup-preview dl{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.full-backup-card .data-actions,.backup-actions{flex-direction:column}.full-backup-card .data-actions button,.backup-actions button{width:100%;font-size:16px}.backup-preview dl,.image-backup-preview dl{grid-template-columns:minmax(0,1fr)}}.pwa-update{position:fixed;z-index:40;right:16px;bottom:16px;left:auto;display:flex;align-items:center;gap:12px;max-width:min(480px,calc(100% - 32px));padding:12px;border:1px solid #b6d1ba;border-radius:10px;background:#f5faf3;box-shadow:0 8px 24px #183e2a2b;color:#254f38;font-size:14px;overflow-wrap:anywhere}.pwa-update button{min-height:44px;min-width:86px;border:0;border-radius:8px;padding:8px 12px;background:#315e50;color:#fff;font-size:16px;font-weight:700}@media(max-width:600px){.pwa-update{left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));max-width:none;flex-wrap:wrap}.pwa-update button{width:100%}}:root{color:#3e332b;background:#faf7f0}body{background:#faf7f0}.hero{background:linear-gradient(to bottom,#155b82,#20728f 52%,#2a8191);color:#fff;border-bottom:3px solid #e9ae42}.brand{color:#fff}.brand-mark{color:#ffd575}.hero h1{color:#fff;text-shadow:0 1px 1px #164e6680}.hero p{color:#fff}.app-nav{background:#fffdfa;border-color:#eddcc9}.app-nav button{color:#604b3b;min-height:48px}.app-nav button.active{background:#fff0dc;color:#844316;box-shadow:inset 0 0 0 1px #edc494}.app-nav button:hover{background:#fff4e5}.app-nav button:focus-visible{outline-color:#bb6a2e}.page-content[aria-labelledby=today-title] .page-heading{margin-bottom:17px}.page-content[aria-labelledby=today-title] .eyebrow{color:#a36431}.today-heading .today-date{display:flex;justify-content:center;width:100%;margin:14px 0 0}.today-date time{display:block;max-width:100%;padding:8px 22px;border:1px solid #c9e4e8;border-radius:999px;background:#edf8f9;color:#285b65;font-size:21px;font-weight:650;line-height:1.4;text-align:center;overflow-wrap:anywhere}.today-guide{display:flex;align-items:center;justify-content:flex-start;gap:18px;min-width:0;min-height:100px;margin-bottom:16px;padding:18px 22px;border:1px solid #efdcc2;border-radius:16px;background:#fff9ec}.today-guide p{flex:1;min-width:0;margin:0;color:#65452e;font-size:16px;font-weight:650;line-height:1.6}.today-guide img{display:block;flex:0 0 auto;width:104px;max-width:30%;height:auto;object-fit:contain}.page-content[aria-labelledby=today-title] .today-grid{gap:12px}.page-content[aria-labelledby=today-title] .stat-card{background:#fffdf9;border:1px solid #efdfca;border-left:4px solid #d9823c;min-height:132px}.page-content[aria-labelledby=today-title] .stat-card:nth-child(2){border-left-color:#e9b950}.page-content[aria-labelledby=today-title] .stat-card:nth-child(3){border-left-color:#70a39d}.page-content[aria-labelledby=today-title] .stat-card>span{color:#634f40}.page-content[aria-labelledby=today-title] .stat-card strong{color:#7d421d}.page-content[aria-labelledby=today-title] .stat-card p{color:#715d50}.page-content[aria-labelledby=today-title] .weekly-card,.page-content[aria-labelledby=today-title] .today-review,.page-content[aria-labelledby=today-title] .today-layout .panel{border-color:#efdfca;background:#fffefa}.page-content[aria-labelledby=today-title] .weekly-card{border-top:4px solid #e5a755}.page-content[aria-labelledby=today-title] .weekly-metric strong{color:#7d421d}.page-content[aria-labelledby=today-title] .weekly-metric progress{accent-color:#c86f2d}.page-content[aria-labelledby=today-title] .today-review{border-left:4px solid #8b77a8}.page-content[aria-labelledby=today-title] .today-review h3,.page-content[aria-labelledby=today-title] .today-layout h3{color:#483729}.page-content[aria-labelledby=today-title] .timer{background:#faf7f0;border-color:#eadbc7}.page-content[aria-labelledby=today-title] .timer strong{color:#553d2b}.page-content[aria-labelledby=today-title] .primary{background:#a85120;border-color:#a85120;color:#fff}.page-content[aria-labelledby=today-title] .primary:hover{background:#884016}.page-content[aria-labelledby=today-title] .secondary{border-color:#cfaa88;color:#74401e;background:#fffdfa}.page-content[aria-labelledby=today-title] .growth-streak-note{color:#376b4c}.notice>span,.celebration>span{min-width:0;flex:1;overflow-wrap:anywhere}.notice>img,.celebration>img{display:block;flex:0 0 auto;width:48px;height:48px;object-fit:contain}.notice>button{flex:0 0 44px;min-width:44px;min-height:44px}.celebration{display:flex;align-items:center;gap:10px}.empty-with-guide{display:flex;flex-direction:column;align-items:center;gap:8px}.empty-with-guide img{display:block;width:64px;height:72px;object-fit:contain}.empty-with-guide p{margin:0}.review-complete-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.review-complete-heading h3{min-width:0}.review-complete-heading img{display:block;flex:0 0 auto;width:56px;height:62px;object-fit:contain}@media(max-width:600px){.app-nav{border-top-color:#eacfb3;box-shadow:0 -4px 18px #6745231c}.app-nav button{min-height:56px;padding:8px 2px}.page-content[aria-labelledby=today-title] .today-grid{gap:9px}.page-content[aria-labelledby=today-title] .stat-card{min-height:110px}.today-guide{min-height:100px;gap:14px;padding:12px 16px}.today-guide img{width:84px;max-width:29%}.today-date time{padding:8px 18px;font-size:23px;font-weight:675;white-space:nowrap}}.page-content[aria-labelledby=records-title] .panel,.learning-page .panel,.page-content[aria-labelledby=growth-title] .panel,.full-backup-card{border-color:#eadfce;border-radius:16px;background:#fffdfa}.page-content[aria-labelledby=records-title] .section-head h3,.learning-page .section-head h3,.page-content[aria-labelledby=growth-title] .section-head h3,.full-backup-card .section-head h3{color:#46382d;font-size:19px;font-weight:700}.page-content[aria-labelledby=records-title] button,.learning-page button,.page-content[aria-labelledby=growth-title] button,.full-backup-card button{min-height:44px}.page-content[aria-labelledby=records-title] .eyebrow{color:#a85120}.page-content[aria-labelledby=records-title] .form-panel{border-left:4px solid #d9823c}.page-content[aria-labelledby=records-title] .records-panel{border-top:4px solid #efbd78}.page-content[aria-labelledby=records-title] .primary{border-color:#a85120;background:#a85120;color:#fff}.page-content[aria-labelledby=records-title] .primary:hover{border-color:#884016;background:#884016}.page-content[aria-labelledby=records-title] .choice-button.selected{border-color:#bd6529;background:#fff0df;color:#78370f}.page-content[aria-labelledby=records-title] .choice-button.selected .choice-check{background:#fff8ef}.page-content[aria-labelledby=records-title] .date-control:focus-within,.page-content[aria-labelledby=records-title] input:focus-visible,.page-content[aria-labelledby=records-title] select:focus-visible,.page-content[aria-labelledby=records-title] textarea:focus-visible{outline-color:#bd6529}.page-content[aria-labelledby=records-title] .record{border-left:3px solid #e3a05e;background:#fffdfa}.learning-page[aria-labelledby=learning-title] .eyebrow{color:#236f78}.learning-page .learning-form-panel{border-left:4px solid #3b8990}.learning-page .learning-history{border-top:4px solid #92c6c7}.learning-page .learning-form-panel .primary{border-color:#236f78;background:#236f78;color:#fff}.learning-page .learning-form-panel .primary:hover{border-color:#185a63;background:#185a63}.learning-page .choice-button.selected{border-color:#337c84;background:#e6f4f4;color:#205f66}.learning-page .choice-button.selected .choice-check{background:#f7ffff}.learning-page input:focus-visible,.learning-page select:focus-visible,.learning-page textarea:focus-visible{outline-color:#337c84}.learning-page .learning-card{border-color:#d7e6e3;border-left:3px solid #6ba8a9;background:#fffdfa}.learning-page .learning-tags span{background:#e3f1ef;color:#285f61}.learning-page .learning-tags .body-tag{background:#edf5f7;color:#3d6570}.learning-page .review-overview,.learning-page .review-session{border-left:4px solid #8b77a8}.learning-page[aria-labelledby=review-title] .eyebrow{color:#75608e}.learning-page .review-session>.primary,.learning-page .review-actions .primary{border-color:#75608e;background:#75608e;color:#fff}.learning-page .review-session>.primary:hover,.learning-page .review-actions .primary:hover{border-color:#624e79;background:#624e79}.learning-page .review-actions .secondary{border-color:#a99ab8;background:#f6f1f8;color:#554266}.learning-page .review-answer{border-left:3px solid #a18db5;background:#f7f3f9}.page-content[aria-labelledby=growth-title] .eyebrow{color:#3f7452}.page-content[aria-labelledby=growth-title] .weekly-card,.page-content[aria-labelledby=growth-title] .activity-calendar,.page-content[aria-labelledby=growth-title] .achievement-card,.page-content[aria-labelledby=growth-title] .month-panel{border-left:4px solid #5f946e}.page-content[aria-labelledby=growth-title] .stat-card{border:1px solid #d9e6d8;border-left:4px solid #6d9c78;background:#f6faf4}.page-content[aria-labelledby=growth-title] .stat-card strong,.page-content[aria-labelledby=growth-title] .lifetime strong,.page-content[aria-labelledby=growth-title] .annual-summary strong{color:#376849}.page-content[aria-labelledby=growth-title] .weekly-metric progress{accent-color:#4d835d}.page-content[aria-labelledby=growth-title] .goal-form .primary{border-color:#3f7452;background:#3f7452;color:#fff}.page-content[aria-labelledby=growth-title] .goal-form .primary:hover{border-color:#315f41;background:#315f41}.page-content[aria-labelledby=growth-title] .bar-track>div{background:#5f946e}.page-content[aria-labelledby=growth-title] .calendar-day.is-today{border-color:#3f7452}.page-content[aria-labelledby=growth-title] .calendar-day.is-selected{outline-color:#3f7452;background:#e9f3e8}.page-content[aria-labelledby=growth-title] .calendar-marks b{background:#dcecdf;color:#285b39}.page-content[aria-labelledby=growth-title] .badge-item.unlocked{border-color:#c7ddc8;background:#eaf4e9;color:#315c42}.full-backup-card{border-left:3px solid #9cb8b8}.full-backup-card .data-actions .secondary:first-child{border-color:#86aaa8;color:#356b69;background:#fbfefd}.full-backup-card .data-actions .secondary:nth-child(2){border-color:#9aacc0;color:#465f78;background:#fcfdff}.full-backup-card .backup-actions .primary{border-color:#6f9079;background:#f3f8f2;color:#315c42}.full-backup-card .backup-actions .primary:hover{background:#e5f0e4}.record-actions button:last-child{color:#8f3f35}@media(max-width:600px){.page-content[aria-labelledby=records-title] .primary,.learning-page .learning-form-panel .primary,.page-content[aria-labelledby=growth-title] .goal-form .primary{min-height:48px}}.work-page .eyebrow{color:#557888}.work-page .panel{border-color:#d7e1e4;border-radius:16px;background:#fffdfa}.work-page button{min-height:44px}.work-tools{border-left:4px solid #557888}.work-list-panel{border-top:4px solid #9bb5bf}.work-primary{border:1px solid #4d7180;border-radius:9px;background:#4d7180;color:#fff;font-weight:700;padding:10px 16px}.work-primary:hover{background:#3e5f6d}.work-message{padding:12px 14px;border:1px solid #b8cdd4;border-radius:10px;background:#edf4f5;color:#314f5b}.work-filters{display:grid;grid-template-columns:2fr repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.work-filters label,.work-form label,.work-detail>label{min-width:0}.favorite-filter{display:flex;align-items:center;gap:8px;min-height:44px}.favorite-filter input{width:20px;height:20px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.work-card{position:relative;min-width:0;border:1px solid #d8e2e5;border-left:3px solid #718f9b;border-radius:13px;background:#fff;overflow:hidden}.work-card-main{display:block;width:100%;padding:14px;border:0;background:transparent;color:inherit;text-align:left}.work-thumbs,.work-detail-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.work-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:4/3;min-width:0;border:1px dashed #9db2ba;border-radius:9px;background:#edf3f4;color:#3f6270;text-align:center}.work-placeholder span{font-weight:800}.work-placeholder small{font-size:11px}.work-card-copy h4{display:flex;align-items:center;gap:8px;margin:13px 0 3px;font-size:18px;color:#3e332b}.work-card-copy h4 small,.provisional-badge{padding:3px 7px;border-radius:999px;background:#f4ecd8;color:#755d2e;font-size:11px}.work-card-copy>p{margin:0 0 9px;color:#607078}.work-tags{display:flex;flex-wrap:wrap;gap:6px}.work-tags span{padding:4px 8px;border-radius:999px;background:#e8f0f2;color:#405f6b;font-size:12px}.mastery{display:inline-block;margin-top:10px;color:#435e68}.favorite-button{border:1px solid #a9bdc4;border-radius:9px;background:#fffdfa;color:#4a6975;padding:8px 12px}.work-card>.favorite-button{margin:0 14px 14px}.favorite-button[aria-pressed=true]{background:#eef3dc;border-color:#a6b975;color:#5a6728;font-weight:700}.work-import{margin:12px 0;padding:14px;border:1px solid #a9c0c8;border-radius:10px;background:#f0f6f7}.work-import button{margin:5px 8px 0 0}.back-button{margin-bottom:14px;border:0;background:transparent;color:#3d6878;font-weight:700}.work-detail{border-left:4px solid #557888}.work-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.work-detail-head h2{margin:0}.work-detail-head p{color:#65747a}.work-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}.work-meta div{padding:10px;border-radius:9px;background:#edf3f4}.work-meta dt{font-size:12px;color:#60727a}.work-meta dd{margin:4px 0 0;font-weight:700}.work-detail-images{margin:18px 0}.work-info{padding:14px 0;border-bottom:1px solid #e7e1d8}.work-info h3{margin:0 0 6px;font-size:16px;color:#405f6b}.work-info p{margin:0;white-space:pre-wrap}.work-learning-note{padding:12px;border-radius:9px;background:#faf4e8;color:#66543d}.work-actions{display:flex;gap:10px;margin-top:18px}.danger-button{border:1px solid #a75a50;border-radius:9px;background:#fff;color:#8b3c33;padding:10px 16px}.work-form{border-left:4px solid #557888}.work-form label{display:block;margin-bottom:16px}.work-form input,.work-form select,.work-form textarea{width:100%}.work-form .favorite-filter{display:flex}.work-form .form-actions{display:flex;gap:10px}.work-page .empty img{width:64px;height:auto}.work-page .section-head{align-items:center}.work-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 20px;padding:5px;border:1px solid #aebfc5;border-radius:12px;background:#e8eff1}.work-mode-switch button{min-height:46px;border:1px solid transparent;border-radius:9px;background:transparent;color:#49636e;font-weight:600}.work-mode-switch button.active{border-color:#557888;background:#fffdfa;color:#324f5b;font-weight:800;box-shadow:0 2px 6px #3757621c}.lecture-area{min-width:0}.lecture-intro{margin-bottom:16px}.lecture-intro h3{margin:0;color:#3d4f5a}.lecture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lecture-card{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:6px 10px;min-width:0;padding:18px;border:1px solid #d8d3e4;border-left:4px solid #746b91;border-radius:14px;background:#fffdfa;color:#403747;text-align:left}.lecture-card:hover{background:#faf8fc}.lecture-number{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eeeaf4;color:#5f5678;font-weight:800}.lecture-category{color:#6c6380;font-size:13px;font-weight:700}.lecture-card strong{font-size:18px}.lecture-summary,.lecture-card small,.lecture-card b{grid-column:1/-1}.lecture-summary{line-height:1.7;color:#51485a}.lecture-card small{color:#716a74}.lecture-card b{color:#5e557b}.lecture-detail{min-width:0}.lecture-title{display:flex;justify-content:space-between;gap:18px;border-left:4px solid #746b91}.lecture-title h2{margin:0}.fact-badge{align-self:flex-start;max-width:260px;padding:7px 10px;border:1px solid #b8cdbb;border-radius:999px;background:#edf5ee;color:#36583c;font-size:12px}.fact-badge.needs-source{border-color:#d3c498;background:#fbf5df;color:#665720}.lecture-diagram{display:flex;flex-direction:column;align-items:center;gap:5px;margin:14px 0;padding:24px;border:1px dashed #9aaeb8;border-radius:12px;background:#eef3f4;color:#405f6b;text-align:center}.lecture-sections{max-width:780px;margin:0 auto}.lecture-section{margin:14px 0;padding:20px clamp(16px,4vw,28px);border:1px solid #e4ddd4;border-radius:14px;background:#fffdfa}.lecture-section h3{margin:0 0 12px;color:#554965;font-size:20px}.lecture-section h4{margin:18px 0 6px;color:#4b6470}.lecture-section p{margin:8px 0;line-height:1.9;font-size:16px;overflow-wrap:anywhere}.lecture-highlight{border-left:5px solid #746b91;background:#faf8fc}.lecture-bullet{padding-left:8px}.lecture-question{font-weight:600}.scroll-target{scroll-margin-top:16px}.scroll-top-button{position:fixed;right:max(18px,calc(env(safe-area-inset-right) + 14px));bottom:24px;z-index:30;display:flex;align-items:center;justify-content:center;gap:5px;min-width:76px;min-height:48px;padding:10px 15px;border:1px solid #496b79;border-radius:999px;background:#496b79;color:#fff;font-size:16px;font-weight:800;box-shadow:0 5px 16px #283f4938;touch-action:manipulation}.scroll-top-button:hover{background:#3b5c69}.scroll-top-button:focus-visible{outline:3px solid #f0bd4f;outline-offset:3px}@media(max-width:800px){.work-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.work-filters label:first-child{grid-column:1/-1}.work-grid,.lecture-grid{grid-template-columns:minmax(0,1fr)}.work-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.nav-inner{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.app-nav button{min-width:0;min-height:56px;padding:8px 2px;font-size:14px;white-space:nowrap}.work-filters{grid-template-columns:minmax(0,1fr)}.work-filters label:first-child{grid-column:auto}.work-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}.work-thumbs .work-placeholder:last-child{grid-column:1/-1}.work-detail-images{grid-template-columns:minmax(0,1fr)}.work-detail-images .work-placeholder{aspect-ratio:4/2.3}.work-detail-head{flex-direction:column}.work-meta{grid-template-columns:minmax(0,1fr)}.work-actions,.work-form .form-actions{flex-direction:column}.work-actions button,.work-form .form-actions button,.work-tools .section-head .work-primary{width:100%}.work-page input,.work-page select,.work-page textarea,.work-page button{font-size:16px}.work-page,.work-page *{min-width:0;max-width:100%;box-sizing:border-box}}.work-representative{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:112px;aspect-ratio:16/7;border:1px solid #c7d5da;border-radius:10px;overflow:hidden;background:#edf3f4}.work-representative img{display:block;width:100%;height:100%;object-fit:contain;background:#f7f8f5}.work-representative span{position:absolute;left:8px;bottom:8px;padding:3px 8px;border-radius:999px;background:#355866e6;color:#fff;font-size:12px;font-weight:700}.work-representative-empty strong{color:#4c6974;font-size:14px}.work-list-panel .section-head h3{white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.work-form .favorite-filter{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;width:auto;min-width:max-content;min-height:44px;margin:0 0 16px;padding:8px 12px;border:1px solid #b8c9cf;border-radius:9px;background:#f9fcfc;white-space:nowrap;word-break:keep-all}.work-form .favorite-filter input{flex:0 0 22px;width:22px!important;height:22px;margin:0}.work-detail-images .work-placeholder{max-height:230px}.work-detail-images img{width:100%;height:100%;object-fit:contain}@media(max-width:600px){.work-list-panel>.section-head{display:flex;flex-direction:column;align-items:stretch;gap:10px}.work-list-panel>.section-head h3{align-self:flex-start;margin:0}.work-list-panel>.section-head .data-actions{width:100%;margin:0}.work-list-panel>.section-head .data-actions button{width:100%}.work-card{padding:0}.work-representative{min-height:104px;aspect-ratio:16/7}.work-detail-images .work-placeholder{aspect-ratio:4/3;max-height:220px}.work-message{position:fixed;z-index:35;top:calc(max(env(safe-area-inset-top),48px) + 18px);left:calc(env(safe-area-inset-left) + 12px);right:calc(env(safe-area-inset-right) + 12px);width:auto;max-width:none;margin:0;box-shadow:0 8px 24px #183e2a2b}.work-form .favorite-filter{display:inline-flex;width:auto;max-width:100%;min-width:0;white-space:nowrap}.work-form .favorite-filter input{width:22px!important;min-width:22px!important}}@media(display-mode:standalone)and (max-width:600px){.work-message,.notice{top:calc(env(safe-area-inset-top) + 18px)}}@media(max-width:600px){.work-mode-switch{position:relative}.lecture-title{flex-direction:column}.fact-badge{max-width:100%;border-radius:9px}.lecture-section{padding:18px 15px}.lecture-section h3{font-size:19px}.lecture-card{padding:15px}.scroll-top-button{right:max(12px,calc(env(safe-area-inset-right) + 10px));bottom:calc(76px + env(safe-area-inset-bottom));min-width:72px;min-height:48px;padding:9px 13px}}@media(prefers-reduced-motion:reduce){.scroll-top-button{scroll-behavior:auto}}.work-image-slot{min-width:0;padding:12px;border:1px solid #c9d8dd;border-radius:12px;background:#f8fbfb}.work-image-slot h3{margin:0 0 9px;color:#405f6b;font-size:16px}.work-image-slot>.work-placeholder,.work-image-preview{width:100%;aspect-ratio:4/3;max-height:260px}.work-image-preview{display:block;padding:0;border:1px solid #a9bdc4;border-radius:9px;background:#eef3f4;overflow:hidden}.work-image-preview img{display:block;width:100%;height:100%;object-fit:contain}.work-image-actions{display:flex;gap:7px;margin:9px 0 5px}.work-image-actions button{flex:1;min-height:44px;padding:8px}.work-image-slot>small{display:block;line-height:1.5;color:#68777d}.image-status{margin:8px 0 0;padding:8px;border-radius:7px;background:#edf4f5;color:#314f5b;font-size:14px}.work-image-backup-note{padding:12px;border-left:4px solid #d2a84a;border-radius:8px;background:#fff7df;color:#604f2d}.image-lightbox{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#182329e8}.image-lightbox img{max-width:100%;max-height:calc(100dvh - 100px);object-fit:contain}.image-lightbox button{position:absolute;top:calc(env(safe-area-inset-top) + 16px);right:calc(env(safe-area-inset-right) + 16px);min-width:72px;border:1px solid #fff;border-radius:999px;background:#fff;color:#3e332b;font-weight:700}.original-diagram{max-width:780px;margin:16px auto;padding:14px;border:1px solid #c7d4d9;border-radius:16px;background:#fffdfa}.original-diagram svg{display:block;width:100%;height:auto;border-radius:12px}.original-diagram figcaption{display:flex;flex-direction:column;gap:5px;padding:12px 4px 2px;line-height:1.6;color:#51485a}.original-diagram figcaption strong{color:#405f6b}.original-diagram figcaption span{font-size:14px}.image-metadata{margin-top:9px;border-top:1px solid #d8e2e5;padding-top:8px}.image-metadata summary{min-height:44px;padding:11px 2px;color:#405f6b;font-weight:700;cursor:pointer}.image-metadata label{display:block;margin:8px 0;color:#4e5f66;font-size:14px}.image-metadata input,.image-metadata select{width:100%;margin-top:4px;font-size:16px}.image-metadata .replace-check{display:flex;align-items:center;gap:8px;min-height:44px}.image-metadata .replace-check input{flex:0 0 20px;width:20px;height:20px;margin:0}.image-metadata>button{width:100%}@media(max-width:600px){.work-image-actions{flex-direction:column}.work-image-actions button{width:100%}.work-detail-images{gap:12px}.original-diagram{padding:8px}.original-diagram figcaption{padding:10px 5px 4px}.image-lightbox{padding-left:12px;padding-right:12px}}