.page_main__GH87J{min-height:100vh;background-color:#f3f4f6;padding:2rem}.page_deviceFrame__ndXE_{--button-vertical-offset:109px;--row-height:56px;--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:32px;border-radius:16px;position:relative;width:680px;height:740px;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_leftFrame__zIeic{position:absolute;left:0;top:calc(32px + var(--button-vertical-offset));display:flex;flex-direction:column;align-items:flex-start;z-index:1;height:calc(100% - 152px)}.page_mainContent__BaJsJ{height:calc(100% - 60px);padding:4px;position:relative}.page_displayContainer__UP1Jn{border-radius:8px;padding:1rem;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.page_displayContainer__UP1Jn,.page_einkDisplay__yScGF{background-color:var(--display-color);height:100%;position:relative}.page_einkDisplay__yScGF{font-family:monospace;letter-spacing:.5px;padding-top:16px;padding-bottom:50px;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:24px;font-weight:700;margin-bottom:24px;color:#333;border-bottom:2px solid rgba(0,0,0,.1);padding:0 8px 12px}.page_todoItem__i7r5W{transition:all .8s ease;border-bottom:1px solid rgba(0,0,0,.1);height:var(--row-height);display:flex;align-items:center;color:#333;position:relative;padding:16px 8px 16px 40px;box-sizing:border-box}.page_todoItem__i7r5W:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid #333;background-color:transparent}.page_todoItem__i7r5W.page_completed__Uxkcy:before{background-color:transparent}.page_todoItem__i7r5W.page_completed__Uxkcy:after{content:"✓";position:absolute;left:8px;width:20px;top:50%;transform:translateY(-55%);font-size:22px;color:#333;font-weight:700;text-align:center;line-height:20px}.page_todoItem__i7r5W.page_completed__Uxkcy{opacity:.5;text-decoration:line-through}.page_buttonWrapper__cf4Fz{position:absolute;width:30px;height:30px;margin-left:8px}.page_physicalButton__0Yi8C{width:16px;height:16px;border-radius:50%;border:none;background:linear-gradient(145deg,#666666,#4d4d4d);cursor:pointer;left:0;box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.2)}.page_physicalButton__0Yi8C,.page_physicalButton__0Yi8C:before{transition:all .2s ease;position:absolute;top:50%;transform:translateY(-50%)}.page_physicalButton__0Yi8C:before{content:attr(data-tooltip);background:transparent;color:#000;padding:4px 8px;border-radius:0;font-size:11px;white-space:pre-line;opacity:0;visibility:hidden;pointer-events:none;font-family:monospace;letter-spacing:0;line-height:1.4;text-align:left;width:max-content;max-width:200px;z-index:1000;right:2px}.page_arrowButton__U4NUE:before{content:none}.page_physicalButton__0Yi8C:hover:before{opacity:1;visibility:visible}.page_physicalButton__0Yi8C:hover{transform:translateY(-50%) scale(1.1);background:linear-gradient(145deg,#777777,#666666)}.page_physicalButton__0Yi8C:active{transform:translateY(-50%) scale(.95);background:linear-gradient(145deg,#555555,#444444);box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}.page_bottomButtons__Z2W_T{position:absolute;bottom:0;left:0;right:0;height:60px;display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding-right:2rem;background:linear-gradient(to bottom,var(--frame-color) 0,#252525 60%,#1f1f1f 100%);border-top:1px solid var(--frame-highlight);border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:inset 0 1px 0 var(--frame-highlight),0 -1px 0 var(--frame-shadow)}.page_arrowButton__U4NUE{width:32px;height:32px;background:linear-gradient(145deg,#444444,#4d4d4d);font-size:18px;font-weight:500;color:#999;border:none;border-radius:6px;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_arrowButton__U4NUE:hover{transform:translateY(-1px);background:linear-gradient(145deg,#4d4d4d,#555555);color:#bbb}.page_arrowButton__U4NUE:active{transform:translateY(1px);background:linear-gradient(145deg,#3a3a3a,#444444);box-shadow:inset 0 2px 4px rgba(0,0,0,.3),inset 0 1px 1px var(--frame-highlight)}.page_buttonWrapper__cf4Fz:first-child{top:calc(0 * var(--row-height) + 16px)}.page_buttonWrapper__cf4Fz:nth-child(2){top:calc(1 * var(--row-height) + 16px)}.page_buttonWrapper__cf4Fz:nth-child(3){top:calc(2 * var(--row-height) + 16px)}.page_buttonWrapper__cf4Fz:nth-child(4){top:calc(3 * var(--row-height) + 16px)}.page_buttonWrapper__cf4Fz:nth-child(5){top:calc(4 * var(--row-height) + 16px)}.page_buttonWrapper__cf4Fz:nth-child(6){top:calc(5 * var(--row-height) + 16px)}.page_buttonWrapper__cf4Fz:nth-child(7){top:calc(6 * var(--row-height) + 16px)}.page_buttonWrapper__cf4Fz:nth-child(8){top:calc(7 * var(--row-height) + 16px)}.page_buttonWrapper__cf4Fz:nth-child(9){top:calc(8 * var(--row-height) + 16px)}.page_buttonWrapper__cf4Fz:nth-child(10){top:calc(9 * var(--row-height) + 16px)}.page_buttonWrapper__cf4Fz:nth-child(11){top:calc(10 * var(--row-height) + 16px)}.page_buttonWrapper__cf4Fz:nth-child(12){top:calc(11 * var(--row-height) + 16px)}.page_buttonWrapper__cf4Fz:nth-child(13){top:calc(12 * var(--row-height) + 16px)}.page_buttonWrapper__cf4Fz:nth-child(14){top:calc(13 * var(--row-height))}.page_buttonWrapper__cf4Fz:nth-child(15){top:calc(14 * var(--row-height))}.page_legend__bzfgC{position:fixed;right:30px;top:50%;transform:translateY(-50%);width:280px;background-color:var(--display-color);padding:24px;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);z-index:1000;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.01),rgba(0,0,0,.01) 1px,transparent 0,transparent 2px)}.page_legendTitle__cjQ4d{font-size:20px;font-weight:700;margin-bottom:20px;color:#333;border-bottom:2px solid rgba(0,0,0,.1);padding-bottom:12px;letter-spacing:.5px}.page_legendList__LwTsB{list-style:none;padding:0;margin:0}.page_legendItem__fV_wb{margin-bottom:16px;font-size:14px;line-height:1.5;color:#333;display:flex;align-items:flex-start;gap:12px}.page_legendIcon__IvUgT{flex-shrink:0;width:24px;height:24px;position:relative;display:flex;align-items:center;justify-content:center}.page_legendIcon__IvUgT.page_side__6aYgr:before{content:"";width:6px;height:20px;background-color:var(--frame-color);border-radius:1px;box-shadow:-1px 0 2px rgba(0,0,0,.15)}.page_legendIcon__IvUgT.page_bottom__nEFSU:before{content:"";width:20px;height:20px;background-color:var(--frame-color);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.15)}.page_legendIcon__IvUgT.page_bottom__nEFSU:after{content:"1";position:absolute;font-size:12px;font-weight:700;color:#666}.page_legendAction__O1fZj{font-weight:700;color:#222}.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_mainTitle__D7tIG:after{display:none}.page_logoContainer__LpTV1{display:flex;align-items:center;justify-content:space-between;width:100%}.page_logoLeft__G3Woh{display:flex;align-items:center;gap:8px}.page_logoRight__dXSsr{display:flex;align-items:center;gap:12px;margin-left:auto}.page_logo__3qJVW{color:#333}.page_logoText__CCprV{font-size:1.2rem;font-weight:700;letter-spacing:-.05em;color:#333}.page_githubLink__C1Xe9{display:flex;align-items:center;justify-content:center;color:#333;transition:color .2s ease,transform .2s ease;padding:4px;border-radius:4px}.page_githubLink__C1Xe9:hover{color:#000;transform:scale(1.1)}.page_githubLink__C1Xe9:active{transform:scale(.95)}.page_githubStars__7LoJd{display:flex;align-items:center;gap:6px;color:#333;text-decoration:none;font-family:monospace;font-size:.9rem;padding:4px 8px;border:1px solid rgba(0,0,0,.2);border-radius:6px;transition:all .2s ease;background-color:rgba(0,0,0,.02)}.page_githubStars__7LoJd:hover{background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.3);transform:translateY(-1px)}.page_githubStars__7LoJd:active{transform:translateY(0)}.page_starCount__89ARv{font-weight:600;color:#333}.page_mobileSplash__FbIXN{display:none;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_mobileSplashContent__DAKkF{color:white;font-family:monospace;max-width:400px;display:flex;flex-direction:column;align-items:center}.page_deviceIcon__B2PIy{margin-bottom:20px}.page_mobileSplashContent__DAKkF h1{font-size:2.4vh;margin-bottom:1vh;font-weight:700}.page_mobileSplashContent__DAKkF p{font-size:1.6vh;line-height:1.5;opacity:.8}@media (max-width:768px){.page_mobileSplash__FbIXN{display:flex}.page_deviceFrame__ndXE_,.page_footer__C27Ba,.page_navbar__y6YwS{display:none}}.page_recordingLight__AWi4F{position:absolute;bottom:20px;left:20px;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_recordingLight__AWi4F.page_recording___qkjv{background-color:#ff0000;box-shadow:0 0 4px rgba(255,0,0,.5),0 0 8px rgba(255,0,0,.3),0 0 12px rgba(255,0,0,.2),inset 0 0 2px rgba(255,255,255,.4)}.page_recordingLight__AWi4F.page_blink__YSsxu{animation:page_doubleBlink__ehIei 1s ease}@keyframes page_doubleBlink__ehIei{0%{background-color:#ff0000;box-shadow:0 0 4px rgba(255,0,0,.5),0 0 8px rgba(255,0,0,.3),0 0 12px rgba(255,0,0,.2),inset 0 0 2px rgba(255,255,255,.4)}25%{background-color:#333;box-shadow:0 0 2px rgba(51,51,51,.3)}50%{background-color:#ff0000;box-shadow:0 0 4px rgba(255,0,0,.5),0 0 8px rgba(255,0,0,.3),0 0 12px rgba(255,0,0,.2),inset 0 0 2px rgba(255,255,255,.4)}75%{background-color:#333;box-shadow:0 0 2px rgba(51,51,51,.3)}to{background-color:#333;box-shadow:0 0 2px rgba(51,51,51,.3)}}.page_footer__C27Ba{padding:1.5rem 0;margin-top:3rem;color:#666;border-top:1px solid #eaeaea;width:100%}.page_footer__C27Ba,.page_summaryBar__HRH2l{text-align:center;font-size:.9rem;font-family:monospace}.page_summaryBar__HRH2l{margin:0;padding:12px 0;color:#333;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);position:absolute;bottom:0;left:-1rem;right:-1rem;letter-spacing:.5px;width:calc(100% + 2rem);border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:40px;display:flex;align-items:center;justify-content:center}.components_navbar___YOFZ{display:flex;align-items:center;width:100%;margin-bottom:2rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.components_logoContainer__fL_cb{display:flex;align-items:center;justify-content:space-between;width:100%}.components_logoLeft__xnvSK{display:flex;align-items:center;gap:8px}.components_logoRight__mo5Sl{display:flex;align-items:center;gap:12px;margin-left:auto}.components_logo__Jfc2x{color:#333}.components_logoText__CV1Uf{font-size:1.2rem;font-weight:700;letter-spacing:-.05em;color:#333}.components_githubLink__Y_Oh_{display:flex;align-items:center;justify-content:center;color:#333;transition:color .2s ease,transform .2s ease;padding:4px;border-radius:4px}.components_githubLink__Y_Oh_:hover{color:#000;transform:scale(1.1)}.components_githubLink__Y_Oh_:active{transform:scale(.95)}.components_githubStars__Z47ke{display:flex;align-items:center;gap:6px;color:#333;text-decoration:none;font-family:monospace;font-size:.9rem;padding:4px 8px;border:1px solid rgba(0,0,0,.2);border-radius:6px;transition:all .2s ease;background-color:rgba(0,0,0,.02)}.components_githubStars__Z47ke:hover{background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.3);transform:translateY(-1px)}.components_githubStars__Z47ke:active{transform:translateY(0)}.components_starCount__R2pTX{font-weight:600;color:#333}.components_footer__0sLGm{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%}.components_mobileSplash__ljw3U{display:none;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}.components_mobileSplashContent__9ZMhS{color:white;font-family:monospace;max-width:400px;display:flex;flex-direction:column;align-items:center}.components_deviceIcon__B1Rk4{margin-bottom:20px}.components_mobileSplashContent__9ZMhS h1{font-size:2.4vh;margin-bottom:1vh;font-weight:700}.components_mobileSplashContent__9ZMhS p{font-size:1.6vh;line-height:1.5;opacity:.8}@media (max-width:768px){.components_mobileSplash__ljw3U{display:flex}}.page_container__aoG4z{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#ffffff;padding:2rem}.page_content__kDoxQ{max-width:600px;width:100%}.page_greeting__9ymoo{font-size:2rem;font-weight:400;color:#000000;margin-bottom:1rem}.page_description__86bsR,.page_greeting__9ymoo{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page_description__86bsR{font-size:1.125rem;color:#666666;margin-bottom:3rem}.page_projects__Vzd49{display:flex;flex-direction:column;gap:1rem}.page_projectCard__S2cDb{display:flex;align-items:center;gap:1rem;padding:1.25rem;background-color:#ffffff;border:1px solid #e0e0e0;border-radius:8px;text-decoration:none;color:#000000;transition:all .2s ease}.page_projectCard__S2cDb:hover{border-color:#000000;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.page_projectIcon__fNs5a{font-size:1.5rem;flex-shrink:0;color:#000000}.page_projectTitle__OwPzL{font-size:1rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}