*{box-sizing:border-box}:root{color:#222733;background:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px;min-height:100vh;background:#eef1f6}button{font:inherit}.phone-shell{width:min(100%,430px);min-height:100vh;margin:0 auto;padding-bottom:28px;background:#f6f7fb}.tool-shell{padding:18px 16px 28px}.tool-card{display:grid;gap:16px;border:1px solid rgba(226,231,240,.9);border-radius:18px;background:#fff;padding:18px;box-shadow:0 8px 24px #1d2a440f}.tool-heading{display:grid;gap:8px}.tool-heading h1{font-size:22px}.tool-heading p{color:#697385;font-size:14px;line-height:1.65}.tool-field{display:grid;gap:7px}.tool-field span,.access-code-table th{color:#697385;font-size:13px;font-weight:680}.tool-field input{width:100%;min-height:42px;border:1px solid #e1e7f0;border-radius:12px;background:#fbfcff;color:#202635;padding:9px 11px;font:inherit;outline:none}.tool-field input:focus{border-color:#7aa7ea;box-shadow:0 0 0 3px #2f7de11f}.tool-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-actions button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:6px;border:1px solid #dce5f2;border-radius:999px;background:#fff;color:#34435d;padding:8px 11px;font-size:14px;font-weight:720;cursor:pointer}.tool-actions button:first-child{background:#1f2937;border-color:#1f2937;color:#fff}.tool-error{border-radius:12px;background:#fff5f5;color:#9b2c2c;padding:10px 11px;font-size:13px;line-height:1.5}.access-code-table{width:100%;overflow:hidden;border:1px solid #e4eaf3;border-collapse:separate;border-spacing:0;border-radius:14px;background:#fff}.access-code-table th,.access-code-table td{padding:10px 12px;text-align:left}.access-code-table th{background:#f4f7fb}.access-code-table td{border-top:1px solid #edf0f5;color:#172033;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:15px;line-height:1.35;letter-spacing:0}.topbar{position:sticky;top:0;z-index:10;padding:18px 18px 12px;border-bottom:1px solid rgba(31,41,55,.06);background:#f6f7fbf0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.25;font-weight:760;letter-spacing:0}.date-line{display:flex;align-items:center;gap:6px;margin-top:8px;color:#697283;font-size:14px}.summary-date-row{display:flex;align-items:center;gap:6px;margin-top:6px}.summary-date-row .summary-date{margin-top:0}.date-step-button,.back-button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:5px;border:1px solid #e3e7ef;border-radius:999px;background:#fff;color:#4c5567;padding:6px 10px;cursor:pointer}.date-step-button{width:30px;min-height:30px;padding:0}.circle-text-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid #e3e7ef;border-radius:999px;background:#fff;color:#4c5567;cursor:pointer}.refresh-button{min-width:42px;min-height:26px;padding:0 9px;font-size:12px;line-height:1;font-weight:720}.today-button{width:30px;min-height:30px;padding:0;font-size:13px;line-height:1;font-weight:760}.date-step-button:active,.circle-text-button:active,.back-button:active,.filter-pill:active,.photo-entry:active{transform:translateY(1px)}.section{padding:14px 16px 0}.summary-card,.homework-card,.detail-card{border:1px solid rgba(226,231,240,.9);border-radius:18px;background:#fff;box-shadow:0 8px 24px #1d2a440f}.summary-card{position:relative;overflow:hidden;padding:18px;background:linear-gradient(180deg,#fff,#fff8e8)}.summary-card:after{position:absolute;top:18px;right:18px;width:82px;height:82px;background-image:url(/logo.png);background-position:center;background-repeat:no-repeat;background-size:contain;content:"";pointer-events:none;z-index:0}.summary-card>*{position:relative;z-index:1}.summary-heading{display:grid;gap:6px;min-width:0}.summary-title-row{display:flex;min-width:0;align-items:center;gap:8px}.summary-card h2{min-width:0;font-size:18px;line-height:1.25;font-weight:750}.summary-date{margin-top:0;min-width:0;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;margin-top:14px;border:1px solid #edf0f5;border-radius:14px;background:#edf0f5}.stat{min-width:0;padding:12px 6px;text-align:center;background:#ffffffc7}.stat strong{display:block;color:#1f2937;font-size:24px;line-height:1.1;font-weight:780}.stat span{display:block;margin-top:4px;color:#687385;font-size:12px;white-space:nowrap}.summary-text{margin-top:14px;border-radius:14px;background:#fff3cf;color:#5e4b1b;padding:12px 14px;font-size:14px;line-height:1.7}.summary-state-text{margin-top:14px;border-radius:14px;background:#f4f7fb;color:#536174;padding:16px 14px;font-size:14px;line-height:1.7;text-align:center}.summary-state-text.empty{background:#fff3cf;color:#6b5520}.sticky-filter-panel{position:sticky;top:0;z-index:9;display:grid;gap:8px;padding:10px 0 8px;border-bottom:1px solid rgba(31,41,55,.06);background:#f6f7fbf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.filter-bar{display:flex;gap:6px;overflow-x:auto;padding:0 16px;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-pill{flex:0 0 auto;min-height:28px;border:1px solid #e4e8f0;border-radius:999px;background:#fff;color:#5e6879;padding:5px 9px;font-size:13px;line-height:1.2;font-weight:680;cursor:pointer}.filter-pill.active{border-color:#1f2937;background:#1f2937;color:#fff}.option-filter{border-color:var(--option-border, #e4e8f0);color:var(--option-fg, #5e6879);background:var(--option-bg, #fff)}.option-filter.active{border-color:var(--option-active-border, #1f2937);background:var(--option-active-bg, #1f2937);color:var(--option-active-fg, #fff)}.subject-filter-bar{display:flex;gap:6px;overflow-x:auto;padding:0 16px;scrollbar-width:none}.subject-filter-bar::-webkit-scrollbar{display:none}.subject-filter-pill{flex:0 0 auto;min-height:28px;border:1px solid #dfe5ee;border-radius:999px;background:#fff;color:#596579;padding:5px 9px;font-size:13px;line-height:1.2;font-weight:680;cursor:pointer}.subject-filter-pill.active{border-color:#1f2937;background:#1f2937;color:#fff}.homework-list{display:grid;gap:12px}.homework-card{padding:16px}.card-head,.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-head h3,.detail-card h2{min-width:0;color:#202635;font-size:18px;line-height:1.3;font-weight:760}.status-tag{flex:0 0 auto;border:1px solid transparent;border-radius:999px;padding:5px 10px;font-size:13px;line-height:1.2;font-weight:700;white-space:nowrap}.option-tag{border-color:var(--option-border, transparent);background:var(--option-bg, #eceff3);color:var(--option-fg, #374151)}.homework-content{margin-top:8px;color:#566173;font-size:15px;line-height:1.62;overflow-wrap:anywhere}.homework-photo-row{display:flex;margin-top:8px}.teacher-feedback{margin-top:12px;border-radius:14px;background:#f4f7fb;padding:11px 12px;color:#485366;font-size:14px;line-height:1.6}.teacher-title{margin-bottom:3px;color:#2f3747;font-weight:740}.photo-entry{display:inline-flex;flex:0 0 auto;min-height:28px;align-items:center;justify-content:center;gap:5px;border:1px solid #dfe8f5;border-radius:999px;background:#f8fbff;color:#40506a;padding:4px 8px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.detail-topbar{padding-block:14px 10px}.back-button{width:fit-content}.detail-heading-section{padding-top:10px}.detail-heading h1{font-size:22px}.detail-card{display:grid;gap:12px;padding:16px}.photo-count{display:inline-flex;align-items:center;gap:6px;color:#687385;font-size:14px}.photo-list{display:grid;gap:14px}.photo-block{margin:0}.photo-preview,.photo-placeholder{width:100%;border-radius:18px;box-shadow:0 8px 24px #1d2a440f}.photo-preview{position:relative;display:block;overflow:hidden;border:0;background:#e8edf5;padding:0;cursor:zoom-in}.photo-preview.is-loading{display:grid;aspect-ratio:4 / 3;place-items:center}.photo-preview img{display:block;width:100%;height:auto;object-fit:contain;background:#e8edf5}.photo-preview.is-loading img{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.photo-loading-placeholder{display:grid;width:100%;height:100%;place-items:center;align-content:center;gap:8px;color:#3e485b94;font-size:14px;font-weight:720;background:linear-gradient(#ffffffa8,#ffffffa8),repeating-linear-gradient(0deg,transparent 0 30px,rgba(255,255,255,.7) 30px 42px),linear-gradient(135deg,#e5ecf8,#f5dfbf)}.photo-placeholder{display:grid;min-height:300px;place-items:center;align-content:center;gap:10px;overflow:hidden;color:#3e485b85;font-weight:720;background:linear-gradient(#ffffffb8,#ffffffb8),repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.8) 34px 46px),linear-gradient(135deg,#e5ecf8,#f5dfbf)}figcaption{margin:0 2px 8px;color:#697385;font-size:13px;line-height:1.5;font-weight:680}.photo-viewer{position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:#0d121ef5;color:#fff;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.photo-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 10px}.photo-viewer-count,.viewer-zoom{min-width:56px;color:#ffffffd1;font-size:14px;line-height:1.2;text-align:center}.viewer-icon-button,.viewer-tool-button{display:inline-flex;min-width:42px;min-height:42px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff1a;color:#fff;padding:0;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.viewer-icon-button:active,.viewer-tool-button:active{transform:translateY(1px)}.photo-viewer-stage{position:relative;display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;cursor:zoom-in;touch-action:none}.photo-viewer-stage.is-zoomed{cursor:grab}.photo-viewer-stage.is-dragging{cursor:grabbing}.photo-viewer-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center center;transition:transform .12s ease}.photo-viewer-stage.is-dragging .photo-viewer-image{transition:none}.viewer-nav{position:fixed;top:50%;z-index:1001;transform:translateY(-50%)}.viewer-nav:active{transform:translateY(calc(-50% + 1px))}.viewer-nav-prev{left:max(12px,env(safe-area-inset-left))}.viewer-nav-next{right:max(12px,env(safe-area-inset-right))}.photo-viewer-tools{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 0 8px}.photo-viewer-caption{min-height:20px;color:#ffffffb3;font-size:13px;line-height:1.45;text-align:center;overflow-wrap:anywhere}@media(max-width:360px){.topbar{padding-inline:14px}.section{padding-inline:12px}h1{font-size:22px}}