.app-header{width:100%;padding:15px 30px;background-color:var(--header-footer-bg, var(--phone-frame-bg));color:var(--header-footer-text, var(--status-bar-color));display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000001a;transition:background-color .4s ease,color .4s ease;flex-shrink:0}.header-info{display:flex;flex-direction:column;align-items:flex-start}.header-title{font-size:1.5em;font-weight:600;margin:0;line-height:1.1}.creator-credit-header{font-size:1.2em;font-weight:400;margin:3px 0 0;line-height:1;opacity:.85;font-style:italic}.theme-toggle{padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;border:none;border-radius:25px;background-color:var(--button-bg);color:var(--button-text);box-shadow:0 2px 6px #00000026;transition:background-color .3s ease,color .3s ease,transform .2s ease,box-shadow .3s ease}.theme-toggle:hover{background-color:var(--button-hover-bg);box-shadow:0 3px 8px #0003}.theme-toggle:active{transform:scale(.96);box-shadow:0 1px 4px #00000026}.app-footer{width:100%;padding:20px 30px;background-color:var(--header-footer-bg, var(--phone-frame-bg));color:var(--header-footer-text, var(--icon-label-color));text-align:center;transition:background-color .4s ease,color .4s ease;font-size:.85em;opacity:.9;flex-shrink:0;box-shadow:0 -2px 5px #00000014}.social-links{display:flex;justify-content:center;gap:20px;margin-bottom:10px}.social-links a{color:var(--header-footer-text, var(--icon-label-color));font-size:1.5em;transition:color .3s ease,transform .2s ease}.social-links a:hover{color:var(--button-hover-bg);transform:scale(1.1)}.app-footer p{margin:4px 0;line-height:1.3}.project-name{font-weight:500}.creator-credit{margin-top:8px;font-style:italic}.page-container{display:flex;flex-direction:column;height:100%}.main-content{flex-grow:1;overflow-y:auto;display:flex;justify-content:center;align-items:center;padding:30px 20px}.phone{max-width:350px;min-height:500px;max-height:100%;width:100%;aspect-ratio:390 / 912;background-color:var(--phone-frame-bg);border:1px solid var(--phone-border-color);border-radius:55px;box-shadow:0 18px 50px #0000004d,inset 0 2px 4px #ffffff0d,inset 0 -2px 4px #00000080;padding:15px;position:relative;overflow:hidden;display:flex;transition:background-color .4s ease,border-color .4s ease;flex-shrink:0}.notch{position:absolute;top:15px;left:50%;transform:translate(-50%);width:40%;max-width:190px;height:30px;background-color:var(--phone-frame-bg);border-bottom-left-radius:20px;border-bottom-right-radius:20px;z-index:3;border-left:1px solid var(--phone-border-color);border-right:1px solid var(--phone-border-color);border-bottom:1px solid var(--phone-border-color);box-shadow:0 4px 6px #0000001a;transition:background-color .4s ease,border-color .4s ease}.screen{width:100%;height:100%;background-color:var(--screen-bg-fallback);background-image:var(--screen-wallpaper);background-size:cover;background-position:center center;border-radius:40px;overflow:hidden;position:relative;box-shadow:inset 0 0 15px #0006;display:flex;flex-direction:column}.status-bar{position:absolute;top:0;left:0;right:0;height:50px;padding:10px 25px 0;display:flex;justify-content:space-between;align-items:center;z-index:4;pointer-events:none}.status-bar span{font-size:14px;font-weight:600;color:var(--status-bar-color);text-shadow:var(--icon-text-shadow);transition:color .4s ease,text-shadow .4s ease}.status-bar span:last-child{font-size:15px;font-weight:600;color:var(--status-bar-color);text-shadow:var(--icon-text-shadow);opacity:.95;margin-right:-5%;margin-top:0%}.screen-content{flex-grow:1;width:100%;overflow-y:auto;padding:55px 10px 85px;-ms-overflow-style:none;scrollbar-width:none}.screen-content::-webkit-scrollbar{width:0;height:0}.bottom-bar{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:135px;height:5px;background-color:var(--bottom-bar-bg);border-radius:10px;z-index:4;transition:background-color .4s ease}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px 12px;justify-items:center;padding-top:10px}.icon{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:transform .15s ease-out;pointer-events:auto}.icon i{font-size:30px;color:var(--icon-color);width:60px;height:60px;display:flex;justify-content:center;align-items:center;background-color:var(--icon-tile-bg);border-radius:15px;box-shadow:0 1px 3px #00000014;margin-bottom:8px;transition:background-color .4s ease,color .4s ease}.icon span{font-size:11px;color:var(--icon-label-color);font-weight:400;text-shadow:var(--icon-text-shadow);word-break:break-word;line-height:1.2;transition:color .4s ease,text-shadow .4s ease;max-width:100%}.icon:active{transform:scale(.94)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .4s ease,color .4s ease;background-color:var(--body-bg);color:var(--icon-label-color)}:root{--body-bg: #1a1a1a;--phone-frame-bg: #1c1c1e;--phone-border-color: #3a3a3c;--screen-bg-fallback: #000000;--status-bar-color: #f0f0f0;--icon-label-color: #f0f0f0;--icon-text-shadow: 0 1px 3px rgba(0, 0, 0, .8);--button-bg: #f0f0f0;--button-text: #1a1a1a;--button-hover-bg: #dcdcdc;--icon-color: #f5f5f5;--icon-tile-bg: rgba(118, 118, 128, .24);--screen-wallpaper: url(/wallpaper-dark.jpg);--bottom-bar-bg: rgba(255, 255, 255, .6);--header-footer-bg: #1c1c1e;--header-footer-text: #f0f0f0}body.light-theme{--body-bg: #f4f4f8;--phone-frame-bg: #f9f9f9;--phone-border-color: #d1d1d6;--screen-bg-fallback: #ffffff;--status-bar-color: #1d1d1f;--icon-label-color: #1d1d1f;--icon-text-shadow: none;--button-bg: #333;--button-text: #fff;--button-hover-bg: #555;--icon-color: #333;--icon-tile-bg: rgba(235, 235, 240, .9);--screen-wallpaper: url(/wallpaper.jpg);--bottom-bar-bg: rgba(60, 60, 67, .6);--header-footer-bg: #f9f9f9;--header-footer-text: #1d1d1f}