:root{font-family:Inter,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#182016;background:#f4f6f1}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#eef3e8,#f7f8f5);min-height:100vh}button,input{font:inherit}.app-shell{width:min(760px,100%);margin:0 auto;padding:24px 18px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar.compact{justify-content:flex-start}.topbar h1{margin:3px 0;font-size:30px}.eyebrow{margin:0;color:#577052;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.subtitle,.line-user{margin:4px 0;color:#667064}.brand-tile{width:58px;height:58px;border-radius:16px;background:#315a36;color:#fff;display:grid;place-items:center;font-weight:900;font-size:26px}.quick-action{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.quick-action div{background:#fff;padding:14px;border-radius:16px;border:1px solid #dfe6da}.quick-action span{font-size:12px;font-weight:900;color:#5e805a}.quick-action p{font-size:13px;margin:6px 0 0}.retention-note,.album-meta,.photo-section,.ai-panel,.learning-panel,.review-panel,.album-list{background:#fff;border:1px solid #dfe6da;border-radius:18px;padding:16px;margin:14px 0}.retention-note{font-size:13px;color:#596253}.compact-note{display:flex;gap:10px;justify-content:space-between}.album-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.album-meta div{display:flex;flex-direction:column}.album-meta span{font-size:12px;color:#778074}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading h2{margin:3px 0}.primary-button,.secondary-button,.download-button,.learning-button{border:0;border-radius:13px;padding:12px 16px;font-weight:800;cursor:pointer;text-align:center}.primary-button{background:#315a36;color:#fff}.secondary-button{background:#edf3e9;color:#315a36}.download-button{background:#172f1a;color:#fff}.full{width:100%;display:block;margin-top:9px}.upload-button input,.empty-upload input,.learning-button input{display:none}.empty-upload{display:flex;min-height:150px;border:2px dashed #cdd8c7;border-radius:16px;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer}.camera-mark{font-size:30px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.photo-card{position:relative;margin:0}.photo-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}.photo-card button{position:absolute;right:5px;top:5px;border:0;border-radius:50%;width:26px;height:26px}.photo-card figcaption{font-size:11px;color:#667064}.notice{padding:12px 14px;border-radius:12px;background:#fff8d7;border:1px solid #e9dc9d}.status{font-size:12px;font-weight:800;border-radius:999px;padding:5px 8px;background:#eef0eb}.status.completed{background:#dff0df;color:#28562c}.status.processing{background:#fff0c8}.cards{display:grid;gap:10px}.album-card{width:100%;border:1px solid #dfe6da;border-radius:16px;background:#fff;padding:12px;text-align:left;display:flex;align-items:center;gap:12px;cursor:pointer}.album-cover{width:70px;height:70px;background:#edf3e9;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.album-cover span{font-size:24px;font-weight:900}.album-content{flex:1}.album-content>div{display:flex;justify-content:space-between}.album-content h3{margin:8px 0 4px}.album-content p{margin:0;color:#697265;font-size:13px}.chevron{font-size:28px;color:#80917a}.icon-button{border:0;background:#edf3e9;border-radius:12px;width:42px;height:42px;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:#0008;display:flex;align-items:flex-end;justify-content:center;padding:12px;z-index:20}.sheet{width:min(680px,100%);background:#fff;border-radius:22px 22px 14px 14px;padding:18px}.sheet-handle{width:50px;height:5px;border-radius:99px;background:#d8ddd4;margin:0 auto 12px}.sheet form label{display:flex;flex-direction:column;gap:6px;font-weight:700;margin:10px 0}.sheet input{padding:12px;border:1px solid #cdd7c8;border-radius:11px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.learning-panel{border:2px solid #7da279;background:linear-gradient(180deg,#f8fff5,#eef7e9)}.learning-panel h2{margin:5px 0}.learning-panel p{color:#5b6758}.learning-button{display:block;background:#4c7548;color:#fff;margin-top:10px}.learning-button.disabled{opacity:.55}.learning-status{margin-top:10px;padding:11px;border-radius:11px;background:#fff;border:1px solid #cfe0c9;font-weight:700}.learning-status.done{color:#28622a}.learning-status.error{color:#9b2929;border-color:#e8bcbc}.learning-status small{display:block;font-weight:400;color:#6a7566;margin-top:3px}.line-gate{text-align:center;padding-top:90px}.line-gate .brand-tile{margin:0 auto 18px}.empty-list{padding:28px;text-align:center;color:#6c7569}.empty-list strong,.empty-list span{display:block}@media(max-width:560px){.quick-action{grid-template-columns:1fr}.album-meta{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.topbar h1{font-size:24px}}