@import"https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@400;500;600;700&display=swap";html,body,#root{height:100%;margin:0;padding:0}.device-frame{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000;padding:0;overflow:hidden}.device-bezel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(180deg,#2a2a2a,#1a1a1a 10%,#0a0a0a 90%,#000);border-radius:0;padding:40px 20px 70px}.device-bezel__speaker{position:absolute;top:16px;left:50%;transform:translate(-50%);width:60px;height:6px;background:linear-gradient(180deg,#1a1a1a,#0a0a0a,#1a1a1a);border-radius:3px;box-shadow:inset 0 1px 2px #000c,0 1px #ffffff0d}.device-bezel__camera{position:absolute;top:15px;left:calc(50% + 50px);width:8px;height:8px;background:radial-gradient(circle,#1a3a5a,#0a1a2a 60%,#000);border-radius:50%;box-shadow:inset 0 0 2px #000c,0 0 0 1px #28282880}.device-screen{position:relative;width:100%;height:100%;background:#000;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #000c,0 0 0 1px #3c3c3c4d}.device-screen__content{position:absolute;inset:0;top:var(--status-bar-height);overflow:hidden}.status-bar{position:absolute;top:0;left:0;right:0;height:var(--status-bar-height);display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:var(--color-status-bar-bg);color:var(--color-status-bar-text);font-size:12px;font-weight:600;z-index:var(--z-status-bar)}.status-bar__left,.status-bar__right{flex:1;display:flex;align-items:center}.status-bar__right{justify-content:flex-end}.status-bar__center{flex:0 0 auto}.status-bar__carrier{font-size:12px;font-weight:600;letter-spacing:.3px}.status-bar__time{font-weight:600}.status-bar__battery{display:flex;align-items:center}.device-home-button{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:50px;height:50px;padding:0;background:linear-gradient(180deg,#2a2a2a,#1a1a1a 40%,#0a0a0a);border:none;border-radius:50%;cursor:pointer;z-index:var(--z-home-button);box-shadow:0 0 0 2px #3c3c3c80,inset 0 2px 4px #00000080,inset 0 1px #ffffff1a,0 4px 8px #0006;transition:transform .1s ease-out,box-shadow .1s ease-out}.device-home-button:hover{box-shadow:0 0 0 2px #50505099,inset 0 2px 4px #00000080,inset 0 1px #ffffff26,0 4px 12px #00000080}.device-home-button:focus{outline:none;box-shadow:0 0 0 2px #646464b3,0 0 0 4px #4a90d966,inset 0 2px 4px #00000080,inset 0 1px #ffffff26,0 4px 12px #00000080}.device-home-button--pressed{transform:translate(-50%) scale(.95);box-shadow:0 0 0 2px #3c3c3c80,inset 0 3px 6px #000000b3,0 2px 4px #0000004d}.device-home-button__ring{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;border:2px solid rgba(100,100,100,.3)}.device-home-button__square{width:14px;height:14px;border:2px solid rgba(120,120,120,.6);border-radius:4px;background:transparent}@media(max-width:767px){.device-bezel{padding:30px 10px 60px}.device-home-button{bottom:8px;width:44px;height:44px}}@media(max-height:600px){.device-bezel{padding-top:20px;padding-bottom:50px}.device-bezel__speaker,.device-bezel__camera{display:none}}.app-icon{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:iconFadeIn .4s var(--spring-bounce) backwards;transition:transform .15s var(--spring-bounce)}@keyframes iconFadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.app-icon:hover{transform:scale(1.08)}.app-icon--pressed{transform:scale(.88)!important}.app-icon:focus{outline:none}.app-icon:focus-visible .app-icon__image{box-shadow:0 0 0 3px #4a90d980,0 4px 12px #0006,0 1px 4px #0000004d,inset 0 1px #ffffff59}.app-icon__image{position:relative;width:60px;height:60px;border-radius:13px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 4px 12px #00000073,0 1px 4px #00000059,inset 0 1px #fff6;transition:box-shadow .15s ease-out}.app-icon__gloss{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff80,#ffffff38 48%,#fff0 50%,#0000000f);border-radius:13px;pointer-events:none;z-index:10}.app-icon__highlight{position:absolute;top:0;left:0;right:0;height:1px;background:#fff9;border-radius:13px 13px 0 0;z-index:11}.app-icon__label{font-size:12px;font-weight:500;color:#fff;text-align:center;max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.2px;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.4)}.app-icon__image--notes{background-color:#e9dd8a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3ClinearGradient id='leather' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%233b261c'/%3E%3Cstop offset='0.5' stop-color='%23231812'/%3E%3Cstop offset='1' stop-color='%23140c09'/%3E%3C/linearGradient%3E%3ClinearGradient id='leatherHighlight' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='rgba(255,255,255,0.06)'/%3E%3Cstop offset='0.3' stop-color='rgba(255,255,255,0)'/%3E%3C/linearGradient%3E%3ClinearGradient id='paperGrad' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f5eb9f'/%3E%3Cstop offset='1' stop-color='%23e1c96a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' width='60' height='13' fill='url(%23leather)'/%3E%3Crect x='0' y='0' width='60' height='13' fill='url(%23leatherHighlight)'/%3E%3Cg stroke='%23785a45' stroke-width='0.5' stroke-dasharray='2,2' opacity='0.6'%3E%3Cline x1='2' y1='2' x2='58' y2='2'/%3E%3Cline x1='2' y1='11' x2='58' y2='11'/%3E%3C/g%3E%3Cpath d='M0,11 L2.4,12.0 L5.6,11.2 L8.3,12.6 L11.0,11.1 L13.9,12.2 L16.7,11.3 L19.6,12.9 L22.5,11.2 L25.3,12.4 L28.2,11.1 L31.0,12.7 L34.1,11.2 L37.0,12.3 L39.8,11.3 L42.6,12.6 L45.8,11.2 L48.6,12.3 L51.4,11.2 L54.2,12.5 L57.0,11.3 L60,11 L60,15.6 L0,15.6 Z' fill='rgba(0,0,0,0.25)'/%3E%3Cpath d='M0,11 L2.4,12.0 L5.6,11.2 L8.3,12.6 L11.0,11.1 L13.9,12.2 L16.7,11.3 L19.6,12.9 L22.5,11.2 L25.3,12.4 L28.2,11.1 L31.0,12.7 L34.1,11.2 L37.0,12.3 L39.8,11.3 L42.6,12.6 L45.8,11.2 L48.6,12.3 L51.4,11.2 L54.2,12.5 L57.0,11.3 L60,11 L60,14.2 L0,14.2 Z' fill='rgba(0,0,0,0.12)'/%3E%3Crect x='0' y='11' width='60' height='49' fill='url(%23paperGrad)'/%3E%3Cpath d='M0,11 L2.4,12.0 L5.6,11.2 L8.3,12.6 L11.0,11.1 L13.9,12.2 L16.7,11.3 L19.6,12.9 L22.5,11.2 L25.3,12.4 L28.2,11.1 L31.0,12.7 L34.1,11.2 L37.0,12.3 L39.8,11.3 L42.6,12.6 L45.8,11.2 L48.6,12.3 L51.4,11.2 L54.2,12.5 L57.0,11.3 L60,11' fill='%23f5eb9f' stroke='rgba(0,0,0,0.2)' stroke-width='0.6'/%3E%3Cg%3E%3Cline x1='0' y1='24' x2='60' y2='24' stroke='%23b8d5e8' stroke-width='1' opacity='0.8'/%3E%3Cline x1='0' y1='24.5' x2='60' y2='24.5' stroke='rgba(0,0,0,0.03)' stroke-width='0.5'/%3E%3Cline x1='0' y1='32' x2='60' y2='32' stroke='%23b8d5e8' stroke-width='1' opacity='0.8'/%3E%3Cline x1='0' y1='32.5' x2='60' y2='32.5' stroke='rgba(0,0,0,0.03)' stroke-width='0.5'/%3E%3Cline x1='0' y1='40' x2='60' y2='40' stroke='%23b8d5e8' stroke-width='1' opacity='0.8'/%3E%3Cline x1='0' y1='40.5' x2='60' y2='40.5' stroke='rgba(0,0,0,0.03)' stroke-width='0.5'/%3E%3Cline x1='0' y1='48' x2='60' y2='48' stroke='%23b8d5e8' stroke-width='1' opacity='0.8'/%3E%3Cline x1='0' y1='48.5' x2='60' y2='48.5' stroke='rgba(0,0,0,0.03)' stroke-width='0.5'/%3E%3Cline x1='0' y1='56' x2='60' y2='56' stroke='%23b8d5e8' stroke-width='1' opacity='0.8'/%3E%3C/g%3E%3Cg%3E%3Cline x1='11' y1='11' x2='11' y2='60' stroke='%23c85050' stroke-width='1.2'/%3E%3Cline x1='11.5' y1='11' x2='11.5' y2='60' stroke='rgba(255,255,255,0.3)' stroke-width='0.3'/%3E%3Cline x1='13.5' y1='11' x2='13.5' y2='60' stroke='%23c85050' stroke-width='1.2'/%3E%3Cline x1='14' y1='11' x2='14' y2='60' stroke='rgba(255,255,255,0.3)' stroke-width='0.3'/%3E%3C/g%3E%3C/svg%3E")}.app-icon__image--about{background-color:#c5b5a5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3ClinearGradient id='bgGrad' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23d4c4b4'/%3E%3Cstop offset='1' stop-color='%23b8a898'/%3E%3C/linearGradient%3E%3CradialGradient id='centerGlow' cx='0.5' cy='0.4'%3E%3Cstop offset='0' stop-color='rgba(255,255,255,0.15)'/%3E%3Cstop offset='1' stop-color='rgba(0,0,0,0)'/%3E%3C/radialGradient%3E%3ClinearGradient id='silhouetteGrad' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23999999'/%3E%3Cstop offset='1' stop-color='%23777777'/%3E%3C/linearGradient%3E%3ClinearGradient id='tabBlue' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%2340b4ff'/%3E%3Cstop offset='0.5' stop-color='%2350c0ff'/%3E%3Cstop offset='1' stop-color='%2330a0e8'/%3E%3C/linearGradient%3E%3ClinearGradient id='tabOrange' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23ff9500'/%3E%3Cstop offset='0.5' stop-color='%23ffa520'/%3E%3Cstop offset='1' stop-color='%23e88500'/%3E%3C/linearGradient%3E%3ClinearGradient id='tabGreen' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%2340d040'/%3E%3Cstop offset='0.5' stop-color='%2350e050'/%3E%3Cstop offset='1' stop-color='%2330c030'/%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- Background with gradient --%3E%3Crect width='60' height='60' fill='url(%23bgGrad)'/%3E%3C!-- Center glow for depth --%3E%3Crect width='60' height='60' fill='url(%23centerGlow)'/%3E%3C!-- Subtle noise pattern for texture --%3E%3Cg opacity='0.03'%3E%3Crect x='0' y='0' width='2' height='2' fill='%23000'/%3E%3Crect x='4' y='1' width='2' height='2' fill='%23000'/%3E%3Crect x='8' y='3' width='2' height='2' fill='%23000'/%3E%3Crect x='12' y='2' width='2' height='2' fill='%23000'/%3E%3Crect x='16' y='4' width='2' height='2' fill='%23000'/%3E%3Crect x='20' y='1' width='2' height='2' fill='%23000'/%3E%3Crect x='24' y='3' width='2' height='2' fill='%23000'/%3E%3Crect x='28' y='0' width='2' height='2' fill='%23000'/%3E%3Crect x='32' y='2' width='2' height='2' fill='%23000'/%3E%3Crect x='36' y='4' width='2' height='2' fill='%23000'/%3E%3C/g%3E%3C!-- Embossed silhouette with manual shadow/highlight --%3E%3Cg transform='translate(30, 30)'%3E%3C!-- Main silhouette --%3E%3Ccircle cx='0' cy='-4' r='7' fill='url(%23silhouetteGrad)'/%3E%3Cpath d='M-10,12 Q-10,4 -6,3 Q-3,2 0,2 Q3,2 6,3 Q10,4 10,12 L10,14 L-10,14 Z' fill='url(%23silhouetteGrad)'/%3E%3C/g%3E%3C!-- Spine divider --%3E%3Crect x='52.7' y='0' width='1' height='60' fill='rgba(0,0,0,0.2)'/%3E%3Crect x='53.2' y='0' width='0.4' height='60' fill='rgba(255,255,255,0.15)'/%3E%3C!-- Glossy tabs with gradients and depth --%3E%3Cg%3E%3C!-- Tab shadows --%3E%3Crect x='54' y='13' width='6' height='12' rx='2' fill='rgba(0,0,0,0.15)'/%3E%3Crect x='54' y='25' width='6' height='12' rx='2' fill='rgba(0,0,0,0.15)'/%3E%3Crect x='54' y='37' width='6' height='12' rx='2' fill='rgba(0,0,0,0.15)'/%3E%3C!-- Blue tab --%3E%3Crect x='53' y='12' width='7' height='12' rx='2' fill='url(%23tabBlue)'/%3E%3Crect x='53' y='12' width='7' height='6' rx='2' fill='rgba(255,255,255,0.3)'/%3E%3Crect x='53' y='12' width='7' height='12' rx='2' fill='none' stroke='rgba(0,0,0,0.2)' stroke-width='0.5'/%3E%3C!-- Orange tab --%3E%3Crect x='53' y='24' width='7' height='12' rx='2' fill='url(%23tabOrange)'/%3E%3Crect x='53' y='24' width='7' height='6' rx='2' fill='rgba(255,255,255,0.3)'/%3E%3Crect x='53' y='24' width='7' height='12' rx='2' fill='none' stroke='rgba(0,0,0,0.2)' stroke-width='0.5'/%3E%3C!-- Green tab --%3E%3Crect x='53' y='36' width='7' height='12' rx='2' fill='url(%23tabGreen)'/%3E%3Crect x='53' y='36' width='7' height='6' rx='2' fill='rgba(255,255,255,0.3)'/%3E%3Crect x='53' y='36' width='7' height='12' rx='2' fill='none' stroke='rgba(0,0,0,0.2)' stroke-width='0.5'/%3E%3C/g%3E%3C/svg%3E")}.app-icon__image--photos{background-color:#a0c8f0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3ClinearGradient id='sky' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23c4e0f8'/%3E%3Cstop offset='0.5' stop-color='%23a8cef0'/%3E%3Cstop offset='1' stop-color='%2388b8e0'/%3E%3C/linearGradient%3E%3CradialGradient id='center' cx='0.35' cy='0.35' r='0.65'%3E%3Cstop offset='0' stop-color='%23a8896b'/%3E%3Cstop offset='0.4' stop-color='%235a3a2b'/%3E%3Cstop offset='0.7' stop-color='%233a2418'/%3E%3Cstop offset='1' stop-color='%231f140b'/%3E%3C/radialGradient%3E%3ClinearGradient id='petalGrad' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff272'/%3E%3Cstop offset='0.5' stop-color='%23ffd000'/%3E%3Cstop offset='1' stop-color='%23e0a000'/%3E%3C/linearGradient%3E%3ClinearGradient id='petalGrad2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f2c83a'/%3E%3Cstop offset='0.5' stop-color='%23dca000'/%3E%3Cstop offset='1' stop-color='%23b88400'/%3E%3C/linearGradient%3E%3ClinearGradient id='stemGrad' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23406030'/%3E%3Cstop offset='0.5' stop-color='%23507840'/%3E%3Cstop offset='1' stop-color='%23304820'/%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- Sky background --%3E%3Crect width='60' height='60' fill='url(%23sky)'/%3E%3C!-- Stem --%3E%3Cpath d='M30,50 Q28,45 28,40 Q28,35 30,30' stroke='url(%23stemGrad)' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C!-- Leaf left --%3E%3Cpath d='M28,38 Q20,40 18,42 Q20,40 28,39' fill='%23508840' stroke='%23406030' stroke-width='0.5'/%3E%3C!-- Leaf right --%3E%3Cpath d='M30,35 Q38,36 42,38 Q38,36 30,36' fill='%23508840' stroke='%23406030' stroke-width='0.5'/%3E%3C!-- Sunflower --%3E%3Cg transform='translate(30,26)'%3E%3C!-- Back petal layer with shadows --%3E%3Cg fill='url(%23petalGrad2)' stroke='%23b87500' stroke-width='0.5'%3E%3Cpath d='M0,-18 Q5,-16 2,-7 Q-5,-16 0,-18 Z' transform='rotate(22.5)' opacity='0.9'/%3E%3Cpath d='M0,-18 Q5,-16 2,-7 Q-5,-16 0,-18 Z' transform='rotate(67.5)' opacity='0.9'/%3E%3Cpath d='M0,-18 Q5,-16 2,-7 Q-5,-16 0,-18 Z' transform='rotate(112.5)' opacity='0.9'/%3E%3Cpath d='M0,-18 Q5,-16 2,-7 Q-5,-16 0,-18 Z' transform='rotate(157.5)' opacity='0.9'/%3E%3Cpath d='M0,-18 Q5,-16 2,-7 Q-5,-16 0,-18 Z' transform='rotate(202.5)' opacity='0.9'/%3E%3Cpath d='M0,-18 Q5,-16 2,-7 Q-5,-16 0,-18 Z' transform='rotate(247.5)' opacity='0.9'/%3E%3Cpath d='M0,-18 Q5,-16 2,-7 Q-5,-16 0,-18 Z' transform='rotate(292.5)' opacity='0.9'/%3E%3Cpath d='M0,-18 Q5,-16 2,-7 Q-5,-16 0,-18 Z' transform='rotate(337.5)' opacity='0.9'/%3E%3C/g%3E%3C!-- Front petal layer --%3E%3Cg fill='url(%23petalGrad)'%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' stroke='%23c68400' stroke-width='0.8'/%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' transform='rotate(45)' stroke='%23c68400' stroke-width='0.8'/%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' transform='rotate(90)' stroke='%23c68400' stroke-width='0.8'/%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' transform='rotate(135)' stroke='%23c68400' stroke-width='0.8'/%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' transform='rotate(180)' stroke='%23c68400' stroke-width='0.8'/%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' transform='rotate(225)' stroke='%23c68400' stroke-width='0.8'/%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' transform='rotate(270)' stroke='%23c68400' stroke-width='0.8'/%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' transform='rotate(315)' stroke='%23c68400' stroke-width='0.8'/%3E%3C/g%3E%3C!-- Petal shadows (manual) --%3E%3Cg fill='rgba(0,0,0,0.18)'%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' transform='translate(0,1)'/%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' transform='rotate(45) translate(0,1)'/%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' transform='rotate(90) translate(0,1)'/%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' transform='rotate(135) translate(0,1)'/%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' transform='rotate(180) translate(0,1)'/%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' transform='rotate(225) translate(0,1)'/%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' transform='rotate(270) translate(0,1)'/%3E%3Cpath d='M0,-19 Q6,-17 2,-6 Q-6,-17 0,-19 Z' transform='rotate(315) translate(0,1)'/%3E%3C/g%3E%3C!-- Center with detail --%3E%3Ccircle r='7' fill='url(%23center)'/%3E%3C!-- Center texture dots --%3E%3Cg fill='%237a4b2c' opacity='0.55'%3E%3Ccircle cx='-2' cy='-2' r='0.8'/%3E%3Ccircle cx='1' cy='-3' r='0.6'/%3E%3Ccircle cx='3' cy='-1' r='0.7'/%3E%3Ccircle cx='-3' cy='1' r='0.6'/%3E%3Ccircle cx='0' cy='2' r='0.8'/%3E%3Ccircle cx='2' cy='2' r='0.5'/%3E%3C/g%3E%3C!-- Center highlight --%3E%3Ccircle cx='-1.5' cy='-1.5' r='2' fill='rgba(255,255,255,0.15)'/%3E%3C/g%3E%3C/svg%3E");box-shadow:0 4px 12px #00000073,0 1px 4px #00000059,inset 0 1px #fff3}.app-icon__image--photos .app-icon__gloss,.app-icon__image--photos .app-icon__highlight{opacity:1}.app-icon__image--photos .app-icon__gloss{background:linear-gradient(180deg,#ffffff7a,#ffffff38 40%,#fff0 52%,#0000000f)}.app-icon__image--photos .app-icon__highlight{opacity:.4}@media(min-width:768px){.app-icon__image{width:68px;height:68px;border-radius:15px}.app-icon__gloss,.app-icon__highlight{border-radius:15px}.app-icon__label{font-size:13px;max-width:85px}}.home-screen{position:relative;height:100%;display:flex;flex-direction:column}.home-screen--inactive{pointer-events:none}.home-screen__grid{position:relative;z-index:var(--z-icons);display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;align-content:start;row-gap:20px;padding:24px 16px 100px;flex:1;animation:fadeIn .5s ease-out}.dock{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 16px;min-height:80px;min-width:100px;z-index:var(--z-dock);background:linear-gradient(180deg,#ffffff6b,#ffffff38,#ffffff1a);border:1px solid rgba(255,255,255,.6);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000001f,inset 1px 0 #ffffff40,inset -1px 0 #ffffff40,0 6px 20px #0000004d,0 2px 6px #0003;animation:dockSlideUp .6s var(--spring-bounce)}@keyframes dockSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dock:empty{display:none}.dock .app-icon__label{display:none}@media(max-width:767px){.home-screen__grid{padding:24px 12px 90px;row-gap:16px}.dock{padding:8px 14px;min-height:70px;border-radius:18px;bottom:12px}}@media(min-width:768px){.home-screen__grid{grid-template-columns:repeat(6,1fr);row-gap:32px;padding:32px 40px 130px}.dock{padding:14px 24px;min-height:90px;gap:28px;border-radius:24px;bottom:20px}}.notes-app{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--notes-paper);overflow:hidden;animation:fadeIn .3s ease-out}.notes-header{position:relative;height:64px;min-height:64px;display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:10px;padding-left:8px;padding-right:8px;z-index:10}.notes-header__leather{position:absolute;inset:0;background:var(--texture-leather),linear-gradient(180deg,#c4a06a,#a67c52 8%,#8b6914 35%,#7a5d12 65%,#5c4a10);background-blend-mode:soft-light,normal;box-shadow:inset 0 -3px 6px #00000059,inset 0 2px 3px #ffffff1f,0 4px 10px #00000059}.notes-header__stitching{position:absolute;bottom:7px;left:10px;right:10px;height:2px;border-bottom:1px dashed rgba(45,30,5,.6);box-shadow:0 1px #ffffff26}.notes-header__left,.notes-header__right{width:80px;height:30px;display:flex;align-items:center;justify-content:center;z-index:2;margin-bottom:2px}.notes-header__left{justify-content:flex-start;transition:opacity .2s ease;opacity:0;pointer-events:none}.notes-header__left.visible{opacity:1;pointer-events:auto}.notes-header__title{position:relative;font-family:var(--font-notes-title);font-size:20px;font-weight:400;color:#f5f0dc;text-shadow:0 -1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.1);margin:0 0 2px;z-index:1;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1}.notes-header__back{background:none;border:none;padding:0;cursor:pointer;height:30px;display:flex;align-items:center}.notes-header__back-shape{position:relative;height:29px;padding:0 10px 0 12px;background:linear-gradient(180deg,#5c4a10,#3d2e0a);border:1px solid rgba(0,0,0,.5);border-radius:12px 4px 4px 12px;display:flex;align-items:center;box-shadow:inset 0 1px #fff3,0 1px 1px #0000004d;color:#f5f0dc;font-weight:700;font-size:12px;text-shadow:0 -1px 0 rgba(0,0,0,.5);margin-left:5px}.notes-header__back-shape:before{content:"";position:absolute;left:-8px;top:3px;width:22px;height:22px;background:inherit;border:inherit;border-right:none;border-top:none;transform:rotate(45deg) skew(10deg,10deg);border-radius:2px;box-shadow:inset 1px 0 #ffffff1a;z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);display:none}.notes-header__back:active .notes-header__back-shape{background:linear-gradient(180deg,#3d2e0a,#5c4a10);box-shadow:inset 0 2px 5px #0006}.notes-header__back-arrow{font-size:24px;line-height:1;margin-right:2px;margin-top:-2px;font-weight:300}.notes-header__btn-icon{font-family:var(--font-notes-title);font-size:24px;color:#f5f0dc;text-shadow:0 -1px 1px rgba(0,0,0,.5);opacity:.8}.notes-tear{position:relative;height:10px;background:var(--notes-paper);z-index:5}.notes-tear:before{content:"";position:absolute;top:-5px;left:0;right:0;height:10px;background:linear-gradient(135deg,transparent 25%,var(--notes-paper) 25%),linear-gradient(225deg,transparent 25%,var(--notes-paper) 25%);background-size:10px 10px;filter:drop-shadow(0 -2px 2px rgba(0,0,0,.12))}.notes-body{flex:1;position:relative;overflow:hidden;background:none}.notes-view{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;padding:10px 16px 24px 56px;transition:transform .5s cubic-bezier(.19,1,.22,1);background-image:var(--notes-paper-background);background-repeat:var(--notes-paper-background-repeat);background-size:var(--notes-paper-background-size);background-attachment:var(--notes-paper-background-attachment);background-position:var(--notes-paper-background-position);-webkit-overflow-scrolling:touch}.notes-view--active{transform:translate(0);z-index:1}.notes-view--hidden-left{transform:translate(-100%);pointer-events:none;visibility:hidden;opacity:0}.notes-view--slide-in-right{animation:slideInFromRight .5s cubic-bezier(.19,1,.22,1) forwards;z-index:2}.notes-view--slide-out-left{animation:slideOutToLeft .5s cubic-bezier(.19,1,.22,1) forwards}.notes-view--slide-in-left{visibility:visible;animation:slideInFromLeft .5s cubic-bezier(.19,1,.22,1) forwards}.notes-view--slide-out-right{animation:slideOutToRight .5s cubic-bezier(.19,1,.22,1) forwards;z-index:2}.notes-list{display:flex;flex-direction:column}.notes-list__item{display:flex;flex-direction:column;align-items:flex-start;padding:14px 32px 14px 0;background:none;border:none;border-bottom:1px solid rgba(0,0,0,.1);cursor:pointer;text-align:left;position:relative;width:100%}@media(hover:hover)and (pointer:fine){.notes-list__item:hover .notes-list__item-title,.notes-list__item:hover .notes-list__item-meta,.notes-list__item:hover .notes-list__item-arrow{opacity:.7}}.notes-list__item:active .notes-list__item-title,.notes-list__item:active .notes-list__item-meta,.notes-list__item:active .notes-list__item-arrow{opacity:.6}.notes-list__item:active{background:none}.notes-list__item:last-child{border-bottom:none}.notes-list__item-title{font-family:var(--font-notes-title);font-size:17px;font-weight:600;color:var(--notes-text-primary);margin-bottom:3px;line-height:1.3;letter-spacing:-.01em}.notes-list__item-meta{display:flex;gap:10px;font-size:14px;color:var(--notes-text-secondary);line-height:1.4;font-family:var(--font-notes-body)}.notes-list__item-date{font-weight:500;color:var(--notes-text-secondary);flex-shrink:0}.notes-list__item-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--notes-text-muted)}.notes-list__item-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:22px;color:var(--notes-text-muted);font-weight:300;opacity:.6}.notes-content{padding-top:var(--notes-baseline-offset)}.notes-content__date{display:block;font-family:var(--font-notes-body);font-size:13px;font-weight:500;color:var(--notes-text-muted);margin-bottom:var(--notes-line-height);line-height:var(--notes-line-height);text-align:center;letter-spacing:.02em;text-transform:uppercase}.notes-content__text{font-family:var(--font-notes-body);font-size:18px;line-height:var(--notes-line-height);color:var(--notes-text-primary);font-weight:400;letter-spacing:.005em;font-optical-sizing:auto}.notes-content__text h1,.notes-content__text h2,.notes-content__text h3{font-family:var(--font-notes-title);font-weight:600;color:var(--notes-text-primary);margin:var(--notes-line-height) 0;line-height:var(--notes-line-height);letter-spacing:-.015em}.notes-content__text h1{font-size:28px;margin-top:calc(var(--notes-line-height) * 2)}.notes-content__text h2{font-size:24px;margin-top:calc(var(--notes-line-height) * 2)}.notes-content__text h3{font-size:20px;margin-top:var(--notes-line-height)}.notes-content__text p+h1,.notes-content__text p+h2,.notes-content__text p+h3,.notes-content__text ul+h1,.notes-content__text ul+h2,.notes-content__text ul+h3,.notes-content__text ol+h1,.notes-content__text ol+h2,.notes-content__text ol+h3,.notes-content__text blockquote+h1,.notes-content__text blockquote+h2,.notes-content__text blockquote+h3,.notes-content__text pre+h1,.notes-content__text pre+h2,.notes-content__text pre+h3,.notes-content__text table+h1,.notes-content__text table+h2,.notes-content__text table+h3{margin-top:0}.notes-content__text p{margin:0 0 var(--notes-line-height)}.notes-content__text p:last-child{margin-bottom:0}.notes-content__text strong{font-weight:600;color:var(--notes-text-primary)}.notes-content__text em{font-style:italic}.notes-content__text a{color:#6b5b4f;text-decoration:underline;text-decoration-color:#6b5b4f66;text-underline-offset:2px;transition:text-decoration-color .15s ease}.notes-content__text a:hover{text-decoration-color:#6b5b4fcc}.notes-content__text blockquote{margin:var(--notes-line-height) 0;padding:0 20px;border-left:3px solid var(--notes-margin-line);color:var(--notes-text-secondary);font-style:italic;line-height:var(--notes-line-height)}.notes-content__text ul,.notes-content__text ol{margin:0 0 var(--notes-line-height);padding-left:24px}.notes-content__text li{margin-bottom:0;line-height:var(--notes-line-height)}.notes-content__text code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9em;background:#0000000a;padding:2px 6px;border-radius:3px;color:var(--notes-text-secondary)}.notes-content__text pre{margin:var(--notes-line-height) 0;padding:16px;background:#00000008;border-radius:6px;overflow-x:auto;line-height:var(--notes-line-height)}.notes-content__text hr{border:none;height:1px;background:var(--notes-lines);margin:var(--notes-line-height) 0}.notes-content__text img{display:block;max-width:100%;height:auto;margin:var(--notes-line-height) 0}.notes-content__text table{width:100%;border-collapse:collapse;margin:var(--notes-line-height) 0;line-height:var(--notes-line-height)}.notes-content__text th,.notes-content__text td{border-bottom:1px solid var(--notes-lines);padding:calc(var(--notes-line-height) / 2) 8px;text-align:left;vertical-align:top}.notes-content__text pre code{background:none;padding:0}.notes-content__h2{font-family:var(--font-notes-title);font-size:22px;font-weight:600;color:var(--notes-text-primary);margin:28px 0 8px;padding-top:0;line-height:1.25;letter-spacing:-.015em}.notes-content__paragraph{margin:0;text-align:left}.notes-content__paragraph strong{font-weight:600;color:var(--notes-text-primary)}.notes-content__blockquote{margin:20px 0;padding:0 20px;border-left:3px solid var(--notes-margin-line);color:var(--notes-text-secondary);font-style:italic;line-height:var(--notes-line-height)}.notes-view::-webkit-scrollbar{width:6px}.notes-view::-webkit-scrollbar-track{background:transparent}.notes-view::-webkit-scrollbar-thumb{background:var(--notes-lines);border-radius:3px}.notes-view::-webkit-scrollbar-thumb:hover{background:var(--notes-text-muted)}@media(max-width:400px){.notes-header__title{font-size:18px;max-width:50%}.notes-view{padding-left:48px;padding-right:12px}.notes-list__item-preview{max-width:140px}}@media(min-width:768px){.notes-header{height:72px}.notes-header__title{font-size:24px}.notes-view{padding-left:64px;padding-right:24px}.notes-content__text{font-size:19px}.notes-list__item-title{font-size:18px}}.about-app{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--contacts-bg);overflow:hidden}.about-header{position:relative;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:var(--texture-leather),var(--notes-leather-gradient);background-blend-mode:soft-light,normal;z-index:10;box-shadow:0 2px 4px #0006}.about-header:after{content:"";position:absolute;bottom:4px;left:12px;right:12px;height:0;border-bottom:1px dashed rgba(45,30,5,.6);box-shadow:0 1px #ffffff1f;background-image:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(45,30,5,.4) 4px,rgba(45,30,5,.4) 8px)}.about-header__title{position:relative;font-size:20px;font-weight:700;color:#f5f0dc;text-shadow:0 -1px 1px rgba(0,0,0,.6);margin:0;z-index:1;letter-spacing:.5px}.about-header__gloss{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff1f,#ffffff05);pointer-events:none}.about-header__border{position:absolute;bottom:0;left:0;right:0;height:1px;background:#3d2e0a;box-shadow:0 1px #ffffff14}.about-header__torn-edge{position:absolute;bottom:-8px;left:0;right:0;height:8px;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,transparent 100%);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 8' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L2,3 L5,1 L8,4 L12,2 L15,5 L18,2 L22,4 L25,1 L28,3 L32,2 L35,4 L38,1 L42,3 L45,2 L48,5 L52,2 L55,4 L58,1 L62,3 L65,2 L68,4 L72,1 L75,3 L78,2 L82,5 L85,2 L88,4 L92,1 L95,3 L98,2 L100,4 L100,0 Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 8' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L2,3 L5,1 L8,4 L12,2 L15,5 L18,2 L22,4 L25,1 L28,3 L32,2 L35,4 L38,1 L42,3 L45,2 L48,5 L52,2 L55,4 L58,1 L62,3 L65,2 L68,4 L72,1 L75,3 L78,2 L82,5 L85,2 L88,4 L92,1 L95,3 L98,2 L100,4 L100,0 Z' fill='black'/%3E%3C/svg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%;pointer-events:none;z-index:5}.about-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 16px;background:var(--texture-linen),linear-gradient(180deg,#e8e8e8,#dcdcdc)}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.about-card--animate,.about-section-group--animate{opacity:0;animation:slideUpFadeIn .4s ease-out forwards;animation-delay:calc(var(--delay, 0) * .08s)}.about-card{display:flex;flex-direction:column;align-items:center;padding:24px 20px;margin-bottom:20px;background:var(--contacts-card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a,0 1px 2px #00000014,inset 0 1px #fff;border:1px solid var(--contacts-border)}.about-card__photo{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;margin-bottom:16px;box-shadow:0 3px 8px #00000040,0 1px 3px #00000026,inset 0 0 0 3px #8b5a2b66,inset 0 0 0 4px #ffffff1a;border:2px solid #5a3d1e}.about-card__photo-image{width:100%;height:100%;object-fit:cover;display:block}.about-card__photo-gloss{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,rgba(255,255,255,.05) 40%,transparent 60%);pointer-events:none}.about-card__name{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 6px;text-shadow:0 1px 0 rgba(255,255,255,.8);letter-spacing:-.3px}.about-card__title{font-size:15px;color:#666;margin:0;text-shadow:0 1px 0 rgba(255,255,255,.8);font-weight:500}.about-section-group{margin-bottom:20px}.about-section-label{font-size:13px;font-weight:600;color:#6d84a2;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px 12px;text-shadow:0 1px 0 rgba(255,255,255,.9)}.about-section{background:var(--contacts-card-bg);border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000001a,0 1px 2px #0000000f,inset 0 1px #fff;border:1px solid var(--contacts-border)}.about-section__content{padding:14px 16px}.about-section__content p{margin:0 0 12px;font-size:15px;line-height:1.55;color:#1a1a1a}.about-section__content p:last-child{margin-bottom:0}.about-section__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.about-stat{padding:12px 12px 10px;border-radius:10px;border:1px solid #e5e5e5;background:linear-gradient(180deg,#fffffffa,#f5f5f5fa);box-shadow:inset 0 1px #fff,0 1px 2px #0000000f}.about-stat__value{font-size:20px;font-weight:800;color:#1a1a1a;line-height:1.1;text-shadow:0 1px 0 rgba(255,255,255,.8);letter-spacing:-.3px}.about-stat__label{margin-top:4px;font-size:11px;font-weight:700;color:#6d84a2;text-transform:uppercase;letter-spacing:.45px}.about-section__list{display:flex;flex-direction:column}.about-list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #e5e5e5;text-decoration:none;color:inherit;transition:background .15s ease-out}.about-list-item:last-child{border-bottom:none}.about-list-item--link:hover{background:#00000008}.about-list-item--link:active{background:#007aff}.about-list-item--link:active .about-list-item__label,.about-list-item--link:active .about-list-item__value{color:#fff;text-shadow:none}.about-list-item--link:active .about-list-item__arrow{color:#ffffffb3}.about-list-item--link:active .about-list-item__icon{filter:brightness(1.2)}.about-list-item__icon{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 3px #0003,inset 0 1px #ffffff4d;transition:filter .15s ease-out}.about-list-item__icon svg{width:18px;height:18px}.about-list-item__icon img{width:100%;height:100%;object-fit:contain;display:block}.about-list-item__icon--logo{padding:0;background:transparent;border:1px solid rgba(0,0,0,.12);overflow:hidden}.about-list-item__icon--crown{background:linear-gradient(180deg,#f5c842,#d4a012);color:#fff;border:1px solid #b8890a}.about-list-item__icon--block{background:linear-gradient(180deg,#00d54b,#00a83a);color:#fff;border:1px solid #008a30}.about-list-item__icon--web{background:linear-gradient(180deg,#5ac8fa,#32a3d9);color:#fff;border:1px solid #2890c0}.about-list-item__icon--linkedin{background:linear-gradient(180deg,#0a78b5,#005f94);color:#fff;border:1px solid #004d78}.about-list-item__icon--github{background:linear-gradient(180deg,#444,#222);color:#fff;border:1px solid #111}.about-list-item__icon--mobile{background:linear-gradient(180deg,#5ac8fa,#32a3d9);color:#fff;border:1px solid #2890c0}.about-list-item__icon--api{background:linear-gradient(180deg,#af52de,#8f32be);color:#fff;border:1px solid #7a2aa6}.about-list-item__icon--security{background:linear-gradient(180deg,#ff3b30,#d70015);color:#fff;border:1px solid #b40012}.about-list-item__icon--experiments{background:linear-gradient(180deg,#ff9500,#e88500);color:#fff;border:1px solid #d07500}.about-list-item__icon--data{background:linear-gradient(180deg,#34c759,#2db24f);color:#fff;border:1px solid #229a42}.about-list-item__icon--automation{background:linear-gradient(180deg,#8e8e93,#6e6e73);color:#fff;border:1px solid #5c5c60}.about-list-item__icon--cloud{background:linear-gradient(180deg,#5856d6,#3b39c6);color:#fff;border:1px solid #2f2db0}.about-list-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.about-list-item__label{font-size:16px;font-weight:600;color:#1a1a1a}.about-list-item__value{font-size:14px;color:#666}.about-list-item__meta{font-size:12px;color:#6d84a2}.about-experience-roles{display:flex;flex-direction:column;gap:4px}.about-experience-role{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:baseline}.about-experience-role .about-list-item__meta{justify-self:end;white-space:nowrap}.about-list-item__content:has(.about-list-item__value:only-child) .about-list-item__value{font-size:16px;font-weight:500;color:#1a1a1a}.about-list-item__arrow{color:#c7c7cc;display:flex;align-items:center}.about-list-item__arrow svg{width:20px;height:20px}.about-section__tags{display:flex;flex-wrap:wrap;gap:8px;padding:14px}.about-section__content+.about-section__tags{border-top:1px solid #e5e5e5}.about-tag{padding:7px 14px;font-size:13px;font-weight:600;border-radius:16px;cursor:default;transition:all .15s ease-out;box-shadow:inset 0 1px #ffffffb3,0 1px 2px #0000001a}.about-tag:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffb3,0 2px 4px #00000026}.about-tag:active{transform:translateY(0);box-shadow:inset 0 1px 2px #0000001a,0 1px 1px #0000000d}.about-tag--mobile{background:linear-gradient(180deg,#5ac8fa,#48b8ea);color:#fff;border:1px solid #32a3d9;text-shadow:0 -1px 0 rgba(0,0,0,.15)}.about-tag--leadership{background:linear-gradient(180deg,#4cd964,#3cc454);color:#fff;border:1px solid #2eb344;text-shadow:0 -1px 0 rgba(0,0,0,.15)}.about-tag--architecture{background:linear-gradient(180deg,#af52de,#9f42ce);color:#fff;border:1px solid #8f32be;text-shadow:0 -1px 0 rgba(0,0,0,.15)}.about-tag--ai{background:linear-gradient(180deg,#ff9500,#e88500);color:#fff;border:1px solid #d07500;text-shadow:0 -1px 0 rgba(0,0,0,.15)}.about-tag--web{background:linear-gradient(180deg,#ffd60a,#ffb700);color:#fff;border:1px solid #d18f00;text-shadow:0 -1px 0 rgba(0,0,0,.18)}.about-tag--data{background:linear-gradient(180deg,#34c759,#2db24f);color:#fff;border:1px solid #229a42;text-shadow:0 -1px 0 rgba(0,0,0,.15)}.about-tag--infra{background:linear-gradient(180deg,#8e8e93,#6e6e73);color:#fff;border:1px solid #5c5c60;text-shadow:0 -1px 0 rgba(0,0,0,.15)}.about-tag--security{background:linear-gradient(180deg,#ff3b30,#d70015);color:#fff;border:1px solid #b40012;text-shadow:0 -1px 0 rgba(0,0,0,.15)}.about-cta{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;margin:0 auto;max-width:280px;font-size:17px;font-weight:600;color:#fff;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,.25);background:linear-gradient(180deg,#4ca7ff,#1e7bd9 50%,#0062c4 51%,#0070e0);border:1px solid #0055b0;border-radius:10px;box-shadow:0 2px 4px #0003,inset 0 1px #ffffff4d;transition:all .12s ease-out}.about-cta:hover{background:linear-gradient(180deg,#5cb7ff,#2e8be9 50%,#1072d4 51%,#1080f0)}.about-cta:active{background:linear-gradient(180deg,#0062c4,#0055b0 50%,#004a9a 51%,#0055b0);box-shadow:inset 0 2px 4px #0000004d,0 1px #ffffff1a;transform:translateY(1px)}.about-cta__icon{width:20px;height:20px}@media(max-width:400px){.about-body{padding:16px 12px}.about-card{padding:20px 16px}.about-card__photo{width:88px;height:88px}.about-card__name{font-size:22px}.about-section__tags{gap:6px;padding:12px}.about-section__stats{gap:10px;padding:12px}.about-stat__value{font-size:18px}.about-tag{padding:6px 12px;font-size:12px}.about-experience-role{grid-template-columns:1fr;row-gap:2px}.about-experience-role .about-list-item__meta{justify-self:start}.about-cta{max-width:100%}}.fan-out-transition{position:absolute;inset:0;z-index:1000;pointer-events:none;background:transparent;overflow:hidden}.fan-out-transition__photo{position:absolute;top:0;left:0;transform-origin:center;will-change:transform;transition:transform var(--fly-duration) cubic-bezier(.22,.61,.36,1);transition-delay:var(--delay)}.fan-out-transition--start .fan-out-transition__photo{transform:translate(var(--start-x),var(--start-y)) scale(var(--start-scale)) rotate(var(--start-rotation))}.fan-out-transition--fly .fan-out-transition__photo{transform:translate(var(--end-x),var(--end-y)) scale(var(--end-scale)) rotate(var(--end-rotation))}.fan-out-transition__image{width:100%;height:100%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 4px 12px #00000073;display:block;background:#000}@media(prefers-reduced-motion:reduce){.fan-out-transition__photo{transition-duration:.2s}.fan-out-transition--start .fan-out-transition__photo{transform:translate(var(--end-x),var(--end-y)) scale(.95)}}.photos-app{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--photos-bg);overflow:hidden;color:#fff;animation:fadeIn .3s ease-out}.photos-header{position:relative;height:44px;min-height:44px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 8px;background:var(--photos-header-gradient);z-index:10;box-shadow:0 1px 2px #00000080}.photos-header__texture{position:absolute;inset:0;background:var(--texture-brushed-metal);opacity:.3}.photos-header__gloss{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff26,#ffffff0d);pointer-events:none}.photos-header__title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:700;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.5);margin:0;z-index:1;white-space:nowrap}.photos-header__left,.photos-header__right{z-index:2;min-width:60px;display:flex;justify-content:center}.photos-header__left{justify-content:flex-start}.photos-header__right{justify-content:flex-end}.photos-header__back{background:linear-gradient(180deg,#5a6a7a,#2a3a4a);border:1px solid rgba(0,0,0,.6);border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:5px 12px;text-shadow:0 -1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px #fff3}.photos-header__back:active{background:linear-gradient(180deg,#2a3a4a,#5a6a7a)}.photos-header__border{position:absolute;bottom:0;left:0;right:0;height:1px;background:#000;box-shadow:0 1px #ffffff1a}.photos-body{flex:1;position:relative;overflow:hidden;background:#000}.photos-view{position:absolute;inset:0;overflow-y:auto;background:#000}.photos-view--active{opacity:1;z-index:1}.photos-view--hidden{opacity:0;z-index:2;pointer-events:none}.photos-view--background{opacity:0;z-index:0;pointer-events:none}.albums-list{padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.album-item{display:flex;flex-direction:column;align-items:center;background:none;border:none;padding:0;cursor:pointer;transition:opacity .3s ease}.album-item--fading{opacity:0;pointer-events:none;transition:none}.album-stack{position:relative;width:140px;height:140px;margin-bottom:10px}.album-stack__photo{position:absolute;inset:0;background-color:#eee;background-size:cover;background-position:center;border:4px solid #fff;box-shadow:0 2px 5px #00000080;transition:transform .2s ease}.album-stack__photo:nth-child(1){transform:rotate(-4deg);z-index:1}.album-stack__photo:nth-child(2){transform:rotate(3deg);z-index:2}.album-stack__photo:nth-child(3){transform:rotate(0);z-index:3;box-shadow:0 4px 10px #0009}.album-item:hover .album-stack__photo:nth-child(3){transform:scale(1.02)}.album-item--animating .album-stack{opacity:0;transition:none}.album-info{text-align:center}.album-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}.album-count{font-size:12px;color:#999}.photos-justified{display:flex;flex-direction:column;padding:var(--photos-gap);align-content:flex-start;--photos-gap: 24px}.photos-justified__row{display:flex;column-gap:var(--photos-gap);justify-content:flex-start;align-items:center;margin-bottom:var(--photos-gap)}.photos-justified__row:last-child{margin-bottom:0}.photos-justified__item{display:block;border:none;padding:0;background:transparent;cursor:pointer;box-shadow:0 4px 12px #00000073}.photos-justified__item:hover{transform:translateY(-1px);transition:transform .15s ease}.photos-justified__image{width:100%;height:100%;display:block;object-fit:cover;background:transparent;box-shadow:0 0 0 3px #fff}.photos-viewer{position:absolute;inset:0;background:#000;display:flex;flex-direction:column;z-index:100;animation:fadeIn .25s ease-out}.photos-viewer__content{flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;overflow:hidden}.photos-viewer__image{max-width:100%;max-height:100%;object-fit:contain;animation:viewerZoomIn .3s var(--spring-bounce)}@keyframes viewerZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.photos-viewer__top-bar{position:absolute;top:0;left:0;right:0;height:44px;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:101;border-bottom:1px solid rgba(255,255,255,.1)}.photos-viewer__back{position:absolute;left:8px;background:linear-gradient(to bottom,#4a80c0,#10529d);border:1px solid rgba(0,0,0,.5);border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:5px 10px;text-shadow:0 -1px 0 rgba(0,0,0,.3);box-shadow:inset 0 1px #ffffff4d;cursor:pointer}.photos-viewer__title{color:#fff;font-size:16px;font-weight:600;text-shadow:0 -1px 0 rgba(0,0,0,.5)}.photos-viewer__bottom-bar{position:absolute;bottom:0;left:0;right:0;height:44px;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:101;border-top:1px solid rgba(255,255,255,.1)}.photos-viewer__action{background:none;border:none;color:#fff;padding:8px;cursor:pointer;opacity:.9}@media(min-width:768px){.albums-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}:root{--wallpaper-top: #4fa5b5;--wallpaper-upper: #6aacb8;--wallpaper-mid-upper: #88b5bb;--wallpaper-mid: #a0baba;--wallpaper-mid-lower: #afbfbf;--wallpaper-lower: #b8c2c2;--wallpaper-bottom: #bec6c6}.wallpaper-container{position:absolute;inset:0;overflow:hidden;background-image:linear-gradient(180deg,var(--wallpaper-top) 0%,var(--wallpaper-upper) 8%,var(--wallpaper-mid-upper) 20%,var(--wallpaper-mid) 40%,var(--wallpaper-mid-lower) 60%,var(--wallpaper-lower) 80%,var(--wallpaper-bottom) 100%)}.wallpaper-container:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:1;opacity:.6}.wallpaper__svg{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:2}.wallpaper__content{position:relative;z-index:10;height:100%}.wallpaper-container--dark{--wallpaper-top: #1a3a42;--wallpaper-upper: #243a40;--wallpaper-mid-upper: #2e4044;--wallpaper-mid: #384448;--wallpaper-mid-lower: #42484a;--wallpaper-lower: #4a4e50;--wallpaper-bottom: #525456}@media(prefers-reduced-motion:reduce){.wallpaper__svg *{animation:none!important}}:root{--device-ipad-width: 768px;--device-ipad-height: 1024px;--device-iphone-width: 375px;--device-iphone-height: 667px;--device-bezel-radius: 44px;--device-bezel-width: 24px;--status-bar-height: 20px;--color-status-bar-bg: linear-gradient( 180deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .5) 100% );--color-status-bar-text: #fff;--ios6-blue-light: #7cb5ec;--ios6-blue: #4a90d9;--ios6-blue-dark: #2a6cb8;--ios6-blue-border: #1a5a9e;--ios6-chrome-light: #f4f4f4;--ios6-chrome: #d8dce0;--ios6-chrome-dark: #b8c4d0;--ios6-chrome-border: #8a9aa8;--navbar-blue-gradient: linear-gradient( 180deg, #b8d4f1 0%, #7cb5ec 3%, #5a9fe0 50%, #4a90d9 51%, #3a7cc8 100% );--navbar-blue-border: #2a5a98;--navbar-dark-gradient: linear-gradient( 180deg, #7a8a9a 0%, #5a6a7a 3%, #4a5a6a 50%, #3a4a5a 51%, #2a3a4a 100% );--navbar-dark-border: #1a2a3a;--navbar-leather-gradient: linear-gradient( 180deg, #c4a06a 0%, #a67c52 3%, #8b6914 50%, #7a5d12 51%, #5c4a10 100% );--navbar-leather-border: #3d2e0a;--button-inset-shadow: inset 0 1px 3px rgba(0, 0, 0, .3);--button-highlight: inset 0 1px 0 rgba(255, 255, 255, .4);--button-pressed-bg: linear-gradient( 180deg, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .05) 100% );--color-dock-bg: linear-gradient( 180deg, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .05) 100% );--color-dock-border: rgba(255, 255, 255, .5);--color-dock-inner-shadow: rgba(0, 0, 0, .25);--color-dock-reflection: linear-gradient( 180deg, transparent 0%, rgba(255, 255, 255, .1) 100% );--icon-size: 60px;--icon-border-radius: 13px;--icon-shadow: 0 4px 8px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .35);--icon-gloss: linear-gradient( 180deg, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .25) 48%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .08) 100% );--notes-paper: #FBF7EE;--notes-paper-gradient: linear-gradient(180deg, #FBF7EE 0%, #F5F0E3 100%);--notes-lines: #D8D2C4;--notes-lines-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' shape-rendering='crispEdges'%3E%3Crect x='0' y='29' width='30' height='1' fill='%23D8D2C4' fill-opacity='0.6'/%3E%3C/svg%3E");--notes-margin-line: #C9A99A;--notes-margin-line-x: 47px;--notes-margin-line-width: 1px;--notes-baseline-offset: 8px;--notes-line-nudge: 10px;--notes-line-offset: calc(var(--notes-baseline-offset) + var(--notes-line-nudge));--notes-line-height: 30px;--notes-paper-background: var(--notes-lines-svg), linear-gradient( 90deg, transparent 0px, transparent var(--notes-margin-line-x), var(--notes-margin-line) var(--notes-margin-line-x), var(--notes-margin-line) calc(var(--notes-margin-line-x) + var(--notes-margin-line-width)), transparent calc(var(--notes-margin-line-x) + var(--notes-margin-line-width)) ), var(--notes-paper-gradient);--notes-paper-background-repeat: repeat, no-repeat, no-repeat;--notes-paper-background-size: var(--notes-line-height) var(--notes-line-height), 100% 100%, 100% 100%;--notes-paper-background-attachment: local, local, local;--notes-paper-background-position: 0 var(--notes-line-offset), 0 0, 0 0;--notes-text-primary: #3D352E;--notes-text-secondary: #6B6158;--notes-text-muted: #8B8178;--notes-leather-gradient: linear-gradient( 180deg, #c4a06a 0%, #a67c52 10%, #8b6914 40%, #7a5d12 70%, #5c4a10 100% );--notes-leather-dark: #3d2e0a;--notes-stitching: #2d1e05;--contacts-header-gradient: linear-gradient( 180deg, #d4dce4 0%, #c4d0dc 3%, #b8c8d8 50%, #a8b8c8 51%, #96a8b8 100% );--contacts-header-border: #7a8a9a;--contacts-bg: #e8e8e8;--contacts-card-bg: linear-gradient(180deg, #fff 0%, #f8f8f8 100%);--contacts-border: #c8c8c8;--photos-header-gradient: linear-gradient( 180deg, #6a7a8a 0%, #5a6a7a 3%, #4a5a6a 50%, #3a4a5a 51%, #2a3a4a 100% );--photos-bg: #1a1a1a;--photos-grid-bg: #000;--photos-border: #1a2a3a;--texture-linen: repeating-linear-gradient( 0deg, transparent 0px, transparent 2px, rgba(0, 0, 0, .03) 2px, rgba(0, 0, 0, .03) 4px ), repeating-linear-gradient( 90deg, transparent 0px, transparent 2px, rgba(0, 0, 0, .03) 2px, rgba(0, 0, 0, .03) 4px );--texture-brushed-metal: repeating-linear-gradient( 90deg, transparent 0px, transparent 1px, rgba(255, 255, 255, .04) 1px, rgba(255, 255, 255, .04) 2px );--texture-leather: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");--texture-paper: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");--font-system: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-notes-title: "Newsreader", Georgia, "Times New Roman", serif;--font-notes-body: "Literata", Georgia, "Times New Roman", serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition-fast: .15s ease-out;--transition-medium: .3s ease-out;--transition-slow: .5s ease-out;--spring-bounce: cubic-bezier(.34, 1.56, .64, 1);--spring-smooth: cubic-bezier(.25, .1, .25, 1);--spring-snappy: cubic-bezier(.4, 0, .2, 1);--animation-app-open: .4s;--animation-app-close: .35s;--animation-page-slide: .3s;--z-wallpaper: 0;--z-icons: 10;--z-dock: 20;--z-app: 100;--z-app-header: 150;--z-status-bar: 200;--z-home-button: 250;--z-modal: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-system);line-height:1.5;overflow:hidden;background:#000}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes appZoomIn{0%{opacity:0;transform:scale(.1)}50%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes appZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes iconPress{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}@keyframes homeButtonGlow{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 0 4px #fff3}}.device-screen{position:relative;width:100%;height:100%;overflow:hidden}.app-container{position:absolute;inset:0;z-index:var(--z-app);background:#000000f2;overflow:hidden;transform-origin:var(--app-origin-x, 50%) var(--app-origin-y, 50%)}.app-container--hidden{pointer-events:none;opacity:0;visibility:hidden}.app-container--opening{animation:appOpen var(--animation-app-open) var(--spring-bounce) forwards}.app-container--closing{animation:appClose var(--animation-app-close) var(--spring-smooth) forwards}@keyframes appOpen{0%{transform:scale(.15);opacity:0;border-radius:var(--icon-border-radius)}to{transform:scale(1);opacity:1;border-radius:0}}@keyframes appClose{0%{transform:scale(1);opacity:1;border-radius:0}to{transform:scale(.15);opacity:0;border-radius:var(--icon-border-radius)}}.wallpaper{position:absolute;inset:0;z-index:var(--z-wallpaper);background-color:#061219;background-size:cover;background-position:center;background-repeat:no-repeat}.wallpaper__ripples{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at center,transparent 0px,transparent 40px,rgba(255,255,255,.02) 41px,transparent 42px);opacity:.6}