.page_main__GH87J{min-height:100vh;background-color:#f3f4f6;padding:2rem}.page_deviceFrame__ndXE_{--frame-color:#1a1a1a;--frame-highlight:rgba(255,255,255,0.1);--frame-shadow:rgba(0,0,0,0.4);--display-color:#f4f4f4;background:linear-gradient(145deg,var(--frame-color) 0,#252525 40%,#1f1f1f 60%,var(--frame-color) 100%);padding:24px;border-radius:24px;position:relative;width:320px;height:600px;margin:0 auto;box-shadow:0 20px 40px var(--frame-shadow),inset 0 1px 2px var(--frame-highlight),inset 0 -1px 2px var(--frame-shadow);border:1px solid #0a0a0a}.page_mainContent__BaJsJ{height:calc(100% - 80px);padding:4px;position:relative}.page_displayContainer__UP1Jn{padding:1rem;height:100%;box-shadow:inset 0 2px 4px rgba(0,0,0,.05);position:relative;cursor:pointer}.page_displayContainer__UP1Jn,.page_editModal__VAUT8{background-color:var(--display-color);border-radius:8px}.page_editModal__VAUT8{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:flex;flex-direction:column;padding:12px}.page_editHeader__s9Yc0{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-family:monospace;font-size:12px;font-weight:700;color:#333}.page_editHint__9UqDS{font-weight:400;font-size:9px;color:#666}.page_editTextarea__XYsfe{flex:1;width:100%;border:1px solid rgba(0,0,0,.2);border-radius:4px;padding:8px;font-family:monospace;font-size:11px;line-height:1.5;resize:none;background-color:white;color:#333}.page_editTextarea__XYsfe:focus{outline:none;border-color:#333}.page_editButtons__NhQjd{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.page_editButton__dJeLF{padding:6px 12px;border:1px solid #333;border-radius:4px;background-color:transparent;font-family:monospace;font-size:11px;cursor:pointer;transition:all .2s ease}.page_editButton__dJeLF:hover{background-color:rgba(0,0,0,.05)}.page_editButtonPrimary__60tDN{background-color:#333;color:white}.page_editButtonPrimary__60tDN:hover{background-color:#444}.page_einkDisplay__yScGF{background-color:var(--display-color);height:100%;font-family:monospace;letter-spacing:.5px;padding-top:8px;padding-bottom:50px;position:relative;overflow-y:auto;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.01),rgba(0,0,0,.01) 1px,transparent 0,transparent 2px)}.page_listTitle__HXeg5{font-size:14px;font-weight:700;margin-bottom:12px;color:#333;border-bottom:2px solid rgba(0,0,0,.1);padding:0 4px 6px}.page_todoItem__i7r5W{transition:all .2s ease;padding:6px 4px;display:flex;align-items:center;color:#333;position:relative;box-sizing:border-box;font-size:11px;border-bottom:1px solid rgba(0,0,0,.05)}.page_todoItem__i7r5W.page_completed__Uxkcy{opacity:.5}.page_todoItem__i7r5W.page_completed__Uxkcy .page_todoText__kKTZD{text-decoration:line-through}.page_cursor__s7BbW{width:12px;font-weight:700;color:#333;flex-shrink:0}.page_checkbox__quxP0{width:14px;font-size:12px;flex-shrink:0;margin-right:6px}.page_todoText__kKTZD{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page_emptyState__YmTeG{text-align:center;color:#666;padding:40px 20px;font-size:11px;line-height:1.5}.page_summaryBar__HRH2l{margin:0;padding:10px 0;font-family:monospace;font-size:.85rem;color:#333;text-align:center;border-top:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,.03);background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.01),rgba(0,0,0,.01) 1px,transparent 0,transparent 2px);left:-1rem;right:-1rem;letter-spacing:.5px;width:calc(100% + 2rem);border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:36px}.page_bottomButtons__Z2W_T,.page_summaryBar__HRH2l{position:absolute;bottom:0;display:flex;align-items:center;justify-content:center}.page_bottomButtons__Z2W_T{left:0;right:0;height:80px;gap:24px;background:linear-gradient(to bottom,var(--frame-color) 0,#252525 60%,#1f1f1f 100%);border-top:1px solid var(--frame-highlight);border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:inset 0 1px 0 var(--frame-highlight),0 -1px 0 var(--frame-shadow)}.page_controlButton__oHOTS{width:44px;height:44px;background:linear-gradient(145deg,#444444,#3a3a3a);font-size:16px;font-weight:500;color:#999;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 1px var(--frame-highlight)}.page_controlButton__oHOTS:hover{transform:translateY(-2px);background:linear-gradient(145deg,#4d4d4d,#444444);color:#bbb}.page_controlButton__oHOTS:active{transform:translateY(1px);background:linear-gradient(145deg,#3a3a3a,#333333);box-shadow:inset 0 2px 4px rgba(0,0,0,.3),inset 0 1px 1px var(--frame-highlight)}.page_recordButton__cbwYj{width:52px;height:52px;font-size:24px;color:#666}.page_recordButton__cbwYj.page_recording___qkjv{color:#ff4444;animation:page_pulse__eqiO_ 1s ease-in-out infinite}@keyframes page_pulse__eqiO_{0%,to{transform:scale(1);box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 1px var(--frame-highlight)}50%{transform:scale(1.05);box-shadow:0 4px 8px rgba(255,68,68,.3),inset 0 1px 1px var(--frame-highlight)}}.page_navbar__y6YwS{display:flex;align-items:center;width:100%;margin-bottom:2rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.page_mainTitle__D7tIG{text-align:center;font-size:1rem;font-weight:500;margin-bottom:.5rem;color:#333;font-family:monospace;letter-spacing:-.05em}.page_deviceContainer__1IXlr{display:flex;justify-content:center;align-items:flex-start;gap:32px}.page_legend__bzfgC{width:180px;background-color:var(--display-color,#f4f4f4);padding:16px;border-radius:12px;box-shadow:inset 0 2px 4px rgba(0,0,0,.05);font-family:monospace;border:1px solid rgba(0,0,0,.1);background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.01),rgba(0,0,0,.01) 1px,transparent 0,transparent 2px);margin-top:40px}.page_legendTitle__cjQ4d{font-size:14px;font-weight:700;margin-bottom:16px;color:#333;border-bottom:2px solid rgba(0,0,0,.1);padding-bottom:8px;letter-spacing:.5px}.page_legendList__LwTsB{list-style:none;padding:0;margin:0}.page_legendItem__fV_wb{margin-bottom:16px;font-size:12px;line-height:1.4;color:#333;display:flex;align-items:flex-start;gap:10px}.page_legendItem__fV_wb:last-child{margin-bottom:0}.page_legendIcon__IvUgT{flex-shrink:0;width:24px;height:24px;background:linear-gradient(145deg,#444444,#3a3a3a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#999;font-size:10px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.page_legendAction__O1fZj{font-weight:700;color:#222;display:block;margin-bottom:2px}.page_legendDesc__a_2yt{margin:0;color:#555;font-size:11px;line-height:1.5}.page_statusBadge__pluuH{position:absolute;top:-60px;left:50%;transform:translateX(-50%);padding:8px 16px;border-radius:8px;color:white;font-family:monospace;font-size:12px;min-width:150px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.2)}.page_statusError__8HIrw{background-color:#ef4444}.page_statusLoading__Gxu80{background-color:#eab308}.page_statusRecording__H0sak{background-color:#3b82f6}.page_statusReady__Cz3Qk{position:absolute;top:-60px;left:50%;transform:translateX(-50%);padding:8px 16px;border-radius:8px;background-color:#22c55e;color:white;font-family:monospace;font-size:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);animation:page_fadeInOut__D2v6I 3s ease}@keyframes page_fadeInOut__D2v6I{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.page_progressBar__xWuw1{margin-top:6px;width:100%;background:rgba(255,255,255,.3);border-radius:4px;height:4px;overflow:hidden}.page_progressFill__MbQiP{background:white;height:100%;transition:width .3s ease-out}.page_recordingLight__AWi4F{position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:50%;background-color:#333;z-index:100;pointer-events:none;box-shadow:0 0 2px rgba(51,51,51,.3)}.page_mobileSplash__FbIXN{display:none}@media (max-width:600px){.page_mobileSplash__FbIXN{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1a;z-index:1000;align-items:center;justify-content:center;text-align:center;padding:2rem}.page_deviceFrame__ndXE_,.page_legend__bzfgC,.page_navbar__y6YwS{display:none}.page_mocksGallery__MGu3p{grid-template-columns:1fr}}.page_mocksSection__4QVUh{margin-top:4rem;padding:2rem 0;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.page_mocksTitle__r1F61{text-align:center;font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:#333;font-family:monospace;letter-spacing:-.02em}.page_mocksGallery__MGu3p{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0 1rem}.page_mockItem___roKN{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.page_mockItem___roKN:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.page_mockImage__I2hfT{width:100%;height:auto;display:block;object-fit:cover}@media (max-width:900px){.page_mocksGallery__MGu3p{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.page_mocksSection__4QVUh{display:none}}.page_footer__C27Ba{text-align:center;padding:1.5rem 0;margin-top:3rem;color:#666;font-size:.9rem;font-family:monospace;border-top:1px solid #eaeaea;width:100%}