:root{--ios-blue:#2f7be8;--ios-blue-light:#6ea5ff;--ios-blue-dark:#1e4fb0;--ios-blue-grad:linear-gradient(180deg, #6ea5ff 0%, #2f7be8 45%, #1c5fd0 100%);--ios-green:#6fbf3f;--ios-green-grad:linear-gradient(180deg, #9bd45f 0%, #6fbf3f 45%, #4a9a28 100%);--ios-chrome:#b8b8b8;--ios-chrome-dark:#7d7d7d;--ios-glass:linear-gradient(180deg, #ffffff73 0%, #ffffff0d 48%, #ffffff47 52%, #fff0 100%);--ios-text:#1a1a1a;--ios-text-secondary:#6e6e6e;--wallpaper:linear-gradient(180deg, #a7c8f0 0%, #d5e6f8 40%, #f2ead3 100%);--wallpaper-dark:linear-gradient(180deg, #0b1020 0%, #1b2a44 45%, #2a1f3d 100%);--desktop-bg:radial-gradient(circle at 30% 20%, #2c3e50 0%, #0f171e 70%);--surface:#ffffffeb;--surface-strong:#fff;--surface-border:#d9d9d9;--surface-active:#d4e5f9;--chip-text:#333;--font-display:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-status:-apple-system, "Helvetica Neue", sans-serif;--screen-w:320px;--screen-h:480px;--screen-radius:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-display);color:var(--ios-text);background:var(--desktop-bg);-webkit-font-smoothing:antialiased;min-height:100dvh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.page-backdrop{z-index:0;background:var(--desktop-bg);pointer-events:none;position:fixed;inset:0;overflow:hidden}.page-backdrop:before{content:"";background:repeating-linear-gradient(0deg,#ffffff05 0 2px,#0000 2px 4px),repeating-linear-gradient(90deg,#ffffff05 0 2px,#0000 2px 4px);position:absolute;inset:0}.device{z-index:1;width:var(--screen-w);height:var(--screen-h);border-radius:var(--screen-radius);background:#0a0a0a;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 10px #1b1b1b,0 0 0 11px #2e2e2e,0 0 0 14px #3a3a3a,0 24px 60px #000000b3,inset 0 0 0 2px #ffffff0f}.device-inner{min-height:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;flex:1;display:flex}.home-indicator{bottom:calc(4px + env(safe-area-inset-bottom,0px));z-index:50;pointer-events:none;background:#ffffff8c;border-radius:3px;width:110px;height:4px;position:absolute;left:50%;transform:translate(-50%)}.screen{background:var(--wallpaper);-webkit-overflow-scrolling:touch;z-index:1;flex:1;min-height:0;position:relative;overflow:hidden auto}.screen::-webkit-scrollbar{width:0;height:0}.app-nav{z-index:40;background:var(--ios-blue-grad);height:44px;box-shadow:var(--ios-glass), 0 1px 0 #ffffff40 inset;border-bottom:1px solid #00000026;justify-content:space-between;align-items:center;padding:0 8px;display:flex;position:sticky;top:0}.app-nav .nav-title{color:#fff;text-shadow:0 -1px #00000059;font-size:15px;font-weight:700}.app-nav .nav-back,.app-nav .nav-action{color:#fff;text-shadow:0 -1px #00000059;background:0 0;border:none;font-size:13px;font-weight:600}.list-group{background:#ffffffeb;border-radius:9px;margin:10px;overflow:hidden;box-shadow:0 1px 2px #0000001f}.list-row{cursor:pointer;background:#ffffffeb;border-bottom:1px solid #d9d9d9;align-items:center;gap:10px;padding:10px 12px;transition:background .12s;display:flex}.list-row:last-child{border-bottom:none}.list-row:active{background:#d4e5f9}.list-row .row-label{flex:1;font-size:14px}.list-row .row-value{color:var(--ios-text-secondary);font-size:14px}.ios-btn{background:var(--ios-blue-grad);box-shadow:var(--ios-glass), inset 0 -1px 0 #0003;color:#fff;text-shadow:0 -1px #0000004d;text-align:center;border:1px solid #00000040;border-radius:9px;padding:8px 18px;font-size:14px;font-weight:700;transition:filter .1s,transform 50ms;display:inline-block}.ios-btn:active{filter:brightness(.85);transform:scale(.97)}.ios-btn.green{background:var(--ios-green-grad)}.ios-btn.plain{color:var(--ios-blue-dark);text-shadow:none;background:#fff;box-shadow:0 1px 2px #0000001f}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline-offset:1px;outline:3px solid #2f7be8b3}[data-theme=dark]{--wallpaper:var(--wallpaper-dark);--ios-blue-grad:linear-gradient(180deg, #1e4fb0 0%, #123a8a 45%, #0c2a66 100%);--ios-green-grad:linear-gradient(180deg, #3f7d2a 0%, #2f5e1e 45%, #1f4512 100%);--ios-text:#f2f4f8;--ios-text-secondary:#a8b0bc;--surface:#1e2430eb;--surface-strong:#232a38;--surface-border:#3a4354;--surface-active:#1e3a5f;--chip-text:#d8dee8}[data-theme=dark] .screen{background:var(--wallpaper)}[data-theme=dark] .list-group{background:var(--surface);box-shadow:0 1px 3px #0006}[data-theme=dark] .list-row{background:var(--surface);border-bottom-color:var(--surface-border);color:var(--ios-text)}[data-theme=dark] .list-row:active{background:var(--surface-active)}[data-theme=dark] .bio-row,[data-theme=dark] .note-card{background:var(--surface);color:var(--ios-text)}[data-theme=dark] .note-card p{color:var(--ios-text-secondary)}[data-theme=dark] .note-card time{border-top-color:var(--surface-border);color:var(--ios-text-secondary)}[data-theme=dark] .skill-chip{background:var(--surface);border-color:var(--surface-border);color:var(--chip-text)}[data-theme=dark] .project-row{background:var(--surface);color:var(--ios-text)}[data-theme=dark] .project-row:active{background:var(--surface-active)}[data-theme=dark] .project-title{color:var(--ios-text)}[data-theme=dark] .project-desc{color:var(--ios-text-secondary)}[data-theme=dark] .tts-text{background:var(--surface);color:var(--ios-text);border-color:var(--surface-border)}[data-theme=dark] .tts-controls{background:var(--surface)}[data-theme=dark] .tts-label{color:var(--ios-text)}[data-theme=dark] .ios-btn.plain{background:var(--surface-strong);color:#7aa7f5}@media (width<=600px){:root{--screen-w:100vw;--screen-h:100dvh;--screen-radius:0}.device{box-shadow:none}}