:root{--os-bg:#121219d9;--os-panel:#1e1e2ef2;--os-accent:#89b4fa;--os-text:#cdd6f4;--os-border:#313244;--font-main:"Inter", system-ui, sans-serif;--font-mono:"Fira Code", "Courier New", monospace}body{height:100dvh;font-family:var(--font-main);color:var(--os-text);background-color:#000;margin:0;overflow:hidden}#intro-screen{color:#e0e0e0;z-index:10000;background:#0f0f12;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#start-btn{color:#0f0f12;font-family:var(--font-main);cursor:pointer;background:#adf;border:none;border-radius:8px;padding:12px 30px;font-size:1.1rem;font-weight:600;transition:transform .2s,background .2s;box-shadow:0 4px 15px #adf3}#start-btn:hover{background:#cef;transform:scale(1.05)}#ui-container{background-color:var(--os-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--os-border);opacity:0;pointer-events:none;z-index:100;border-radius:8px;flex-direction:column;width:75vw;max-width:1400px;height:85vh;transition:opacity .3s,transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95);box-shadow:0 25px 50px -12px #00000080}#ui-container.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.window-chrome{border-bottom:1px solid var(--os-border);background-color:#0000004d;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.window-chrome h2{font-family:var(--font-mono);letter-spacing:-.5px;color:var(--os-text);margin:0;font-size:1.1rem;font-weight:500}.close-action{color:#f38ba8;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;transition:transform .1s}.close-action:hover{transform:scale(1.1)}#ui-content{flex-grow:1;position:relative;overflow:hidden}.desktop-env{background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 4px,radial-gradient(circle,#0000 50%,#0006 100%) 0 0/100% 100%;padding:20px;position:absolute;inset:0;overflow-y:auto}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));align-content:start;gap:20px;display:grid}.desktop-icon{cursor:pointer;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:10px;transition:all .1s;display:flex}.desktop-icon:hover{background-color:#ffffff1a;border:1px solid #fff3}.icon-img{text-shadow:0 4px 8px #00000080;font-size:2.5rem}.icon-label{text-align:center;text-shadow:1px 1px 2px #000c;color:var(--os-text);font-size:.85rem}.os-window{background-color:var(--os-panel);border:1px solid var(--os-border);z-index:50;border-radius:8px;flex-direction:column;animation:.2s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;position:absolute;inset:15px 15px 60px;box-shadow:0 30px 60px #000c}.window-content{flex-grow:1;padding:30px;overflow-y:auto}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (aspect-ratio<=1){#ui-container{width:95vw;height:85vh}.os-window{inset:5px}}.exp-header{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.exp-title{color:var(--os-accent);margin:0;font-size:1.2rem;font-weight:600}.exp-date{color:#888;font-size:.9rem;font-weight:600}.exp-location{color:#bbb;margin-top:0;margin-bottom:12px;font-size:.95rem;font-style:italic}.exp-list{margin-top:0;padding-left:20px;line-height:1.6}.exp-list li{color:#e0e0e0;margin-bottom:8px}.exp-list li::marker{color:var(--os-accent)}.boot-screen{z-index:200;font-family:var(--font-mono);background-color:#050505;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.boot-logo{color:var(--os-text);letter-spacing:2px;margin-bottom:20px;font-size:2rem}.boot-text{color:#888;height:1.2rem;margin-bottom:15px;font-size:.9rem}.progress-container{background-color:#222;border-radius:2px;width:60%;max-width:400px;height:4px;overflow:hidden}.progress-fill{background-color:var(--os-accent);width:0%;height:100%;transition:width .15s ease-out}.os-taskbar{-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--os-border);height:45px;font-family:var(--font-main);color:var(--os-text);z-index:40;background:#0f0f14d9;justify-content:space-between;align-items:center;padding:0 20px;font-size:.85rem;display:flex;position:absolute;bottom:0;left:0;right:0}.taskbar-power{color:#f38ba8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;transition:all .2s;display:flex}.taskbar-power:hover{background:#f38ba826;transform:scale(1.05)}#ui-container.theme-book{color:#333;background-color:#fdf6e3;border:1px solid #d4cbb3;border-radius:4px 20px 20px 4px;box-shadow:inset 20px 0 30px #00000014,0 30px 60px #00000080}.book-layout{height:100%;display:flex}.book-spine{background:#0000000d;border-right:2px solid #0000001a;flex-direction:column;width:25%;padding:30px 20px;display:flex}.book-title{color:#5b3a29;border-bottom:2px solid #5b3a29;margin-top:0;padding-bottom:10px;font-family:Times New Roman,serif}.book-tabs{flex-direction:column;gap:10px;margin-top:20px;display:flex}.book-tab-btn{text-align:left;font-family:var(--font-main);color:#666;cursor:pointer;background:0 0;border:none;padding:5px 0;font-size:1.1rem;font-weight:600;transition:color .2s}.book-tab-btn:hover{color:#5b3a29}.book-pages{flex-grow:1;padding:40px;position:relative;overflow-y:auto}#book-close{color:#999;cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:15px;right:20px}#book-close:hover{color:#d9534f}.theme-book .exp-title{color:#5b3a29}.theme-book .exp-date{color:#777}.theme-book .exp-location{color:#666}.theme-book .exp-list li{color:#333}.theme-book .exp-list li::marker{color:#5b3a29}#ui-container.theme-phone{background-color:#0f0f12;border:12px solid #222;border-radius:45px;width:380px;max-width:90vw;height:750px;max-height:90vh;overflow:hidden;box-shadow:inset 0 0 10px #ffffff0d,0 30px 60px #000c}.phone-layout{flex-direction:column;height:100%;display:flex}.phone-screen-content{flex-grow:1;padding:30px 20px;overflow-y:auto}.phone-chin{background:#111;border-top:1px solid #333;justify-content:center;align-items:center;height:60px;display:flex}.phone-home-btn{cursor:pointer;background:#555;border:none;border-radius:10px;width:120px;height:6px;transition:background .2s}.phone-home-btn:hover{background:#888}#toast-container{background-color:var(--os-panel);border:1px solid var(--os-border);color:var(--os-text);font-family:var(--font-main);z-index:5000;opacity:0;pointer-events:none;border-radius:30px;padding:12px 24px;font-size:.95rem;transition:opacity .3s,transform .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:40px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 10px 30px #000c}#toast-container.show{opacity:1;transform:translate(-50%)translateY(0)}