.toast-container[data-v-9f72b977]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10001;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:2px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:500;max-width:90%;pointer-events:none}.toast-container.success[data-v-9f72b977]{background:var(--green);color:#fff}.toast-container.error[data-v-9f72b977]{background:var(--red);color:#fff}.toast-container.warning[data-v-9f72b977]{background:var(--amber);color:var(--ink)}.toast-container.info[data-v-9f72b977]{background:var(--ink);color:#f5f2ed}.toast-icon[data-v-9f72b977]{font-size:16px;font-weight:700}.toast-message[data-v-9f72b977]{line-height:1.4}.toast-enter-active[data-v-9f72b977],.toast-leave-active[data-v-9f72b977]{transition:all .3s ease}.toast-enter-from[data-v-9f72b977],.toast-leave-to[data-v-9f72b977]{opacity:0;transform:translate(-50%) translateY(-20px)}:root{--bg: #F5F2ED;--surface: #FFFFFF;--surface2: #F9F7F4;--ink: #1A1714;--ink2: #4A453F;--ink3: #9A948C;--green: #1D6B48;--green-l: #E6F4EE;--green-m: #2A9462;--amber: #B85C00;--amber-l: #FEF3E6;--red: #C0392B;--red-l: #FDECEA;--blue: #1A4FA8;--blue-l: #EEF3FC;--rule: #E4DFD8;--shadow: 0 1px 3px rgba(26,23,20,.08), 0 4px 12px rgba(26,23,20,.05);--shadow-lg: 0 8px 32px rgba(26,23,20,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;font-size:14px}@media (min-width: 480px){body{max-width:430px;margin:0 auto;box-shadow:0 0 40px #00000026}}.top-bar{background:var(--ink);padding:0 16px;height:52px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:200}.logo{font-family:"DM Serif Display",serif;font-size:18px;color:#f5f2ed;letter-spacing:-.02em}.logo span{color:#7edfb4}.hw-status{font-size:11px;font-weight:600;padding:3px 8px;border-radius:2px;flex-shrink:0}.status-pending{background:var(--amber-l);color:var(--amber)}.status-done{background:var(--green-l);color:var(--green)}.status-redo{background:var(--red-l);color:var(--red)}.hw-type-tag{font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:2px}.tag-audio{background:#e8f4ff;color:#1a4fa8}.tag-photo{background:#f0f4ff;color:#5b4fd8}.quick-btn{font-size:11px;font-weight:600;padding:5px 12px;border:1.5px solid var(--rule);background:var(--surface);cursor:pointer;transition:all .15s;border-radius:2px}.quick-btn:hover,.quick-btn:active{background:var(--ink);color:#f5f2ed;border-color:var(--ink)}.quick-btn.primary{background:var(--ink);color:#f5f2ed;border-color:var(--ink);flex:1;text-align:center}.quick-btn.primary:hover{background:var(--green);border-color:var(--green)}.action-btn{flex:1;padding:12px;font-size:13px;font-weight:600;cursor:pointer;text-align:center;border:none;border-radius:2px;transition:all .15s}.action-btn:active{transform:scale(.97)}.btn-redo{background:var(--red-l);color:var(--red)}.btn-redo:hover{background:var(--red);color:#fff}.btn-pass{background:var(--green);color:#fff;flex:2}.btn-pass:hover{background:var(--green-m)}.btn-save{background:var(--surface2);color:var(--ink2)}.btn-save:hover{background:var(--rule)}.spacer{height:16px}.pb-safe{height:80px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes recordPulse{0%,to{opacity:1}50%{opacity:.7}}