:root{--black:#050505;--black2:#0b0b0b;--panel:#111;--silver:#b9b9b9;--light:#dedede;--mid:#777;--line:#343434;--red:#65000f;--red2:#890018;--white:#f1f1f1}*{box-sizing:border-box}html{background:#020202}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#1a1a1a 0,#070707 38%,#000 100%);color:var(--light);font-family:Arial,Helvetica,sans-serif}.screen-lines{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.18;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(255,255,255,.07) 3px,rgba(0,0,0,.18) 4px);mix-blend-mode:screen}.screen-lines:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,0,0,.012),rgba(0,255,255,.009),rgba(255,255,255,.008));opacity:.55}.laptop-frame{width:min(1180px,calc(100% - 28px));margin:14px auto 30px;border:1px solid #555;background:#070707;box-shadow:0 0 0 3px #111,0 0 0 4px #444,0 18px 70px #000,inset 0 0 40px rgba(255,255,255,.025)}.site-header{border-bottom:1px solid #565656;background:linear-gradient(#1b1b1b,#080808)}.brand-row{min-height:82px;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #3d3d3d}.brand{color:#d8d8d8;text-decoration:none;font:900 clamp(31px,5vw,58px)/1 Arial Black,Impact,sans-serif;letter-spacing:-4px;text-shadow:1px 1px #fff,-1px -1px #333,0 0 12px #000}.brand span{color:var(--red2);font-size:.48em;letter-spacing:-1px}.brand-row p{margin:0;color:#888;font:10px "Courier New",monospace;letter-spacing:1px}.main-nav{display:flex;overflow-x:auto;background:#080808}.nav-button{min-width:118px;border:0;border-right:1px solid #3b3b3b;border-radius:0;padding:12px 18px;background:linear-gradient(#232323,#0d0d0d);color:#aaa;font:700 11px Arial;letter-spacing:1px;cursor:pointer}.nav-button:hover,.nav-button.active{background:linear-gradient(#7e0016,#3d000a);color:#fff}.address-bar{display:flex;align-items:center;gap:0;padding:7px 12px;border-bottom:1px solid #3f3f3f;background:linear-gradient(#c5c5c5,#8b8b8b);color:#101010;font:11px "Courier New",monospace;box-shadow:inset 0 1px #eee,inset 0 -1px #555}.address-bar strong{color:#65000f}main{min-height:650px}.page{display:none;padding:18px}.page.active{display:block}.home-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 230px;gap:14px}.sidebar,.rightbar,.main-column{display:flex;flex-direction:column;gap:14px}.panel{background:linear-gradient(180deg,#141414,#0c0c0c);border:1px solid #4a4a4a;box-shadow:inset 0 0 0 1px #080808,2px 2px 0 #000}.panel-title{padding:7px 10px;background:linear-gradient(#c9c9c9,#858585);border-bottom:1px solid #242424;color:#090909;font:900 11px Arial;letter-spacing:.8px;text-shadow:0 1px #ddd}.panel-title.dark{background:linear-gradient(#7a0015,#3b0009);color:#eee;text-shadow:0 -1px #240006}.profile-summary{padding-bottom:10px}.profile-summary h1{margin:12px 10px 9px;color:#ddd;font:700 15px "Courier New",monospace;overflow-wrap:anywhere}.photo-upload{display:block;position:relative;margin:0 10px;border:1px solid #6a6a6a;background:#050505;cursor:pointer;overflow:hidden}.profile-photo{aspect-ratio:4/5}.photo-upload img{width:100%;height:100%;object-fit:cover;display:none;filter:contrast(1.05) saturate(.8)}.photo-upload.has-image img{display:block}.photo-upload.has-image .empty-photo{display:none}.empty-photo{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#888;font:700 11px "Courier New",monospace;background:linear-gradient(135deg,#0c0c0c,#151515)}.empty-photo small{font-size:9px;color:#666}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mood{margin:10px;color:#aaa;font:11px "Courier New",monospace}.mood b{color:#9a001a}.mini-info{margin:0 10px;border:1px solid #343434}.mini-info div{display:grid;grid-template-columns:65px 1fr;border-bottom:1px solid #2c2c2c}.mini-info div:last-child{border-bottom:0}.mini-info dt,.mini-info dd{margin:0;padding:6px;font-size:10px}.mini-info dt{background:#191919;color:#777;font-weight:bold}.mini-info dd{color:#bbb}.dead-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 10px 0}.dead-actions button,.player-buttons button,.wide-disabled,.archive button,.message-folders button{border:1px solid #555;background:linear-gradient(#2c2c2c,#101010);color:#777;padding:7px;font:700 9px Arial}.cd-panel{padding-bottom:8px}.cd-player{display:grid;grid-template-columns:62px 1fr;gap:8px;align-items:center;padding:10px}.cd{position:relative;display:block;width:58px;height:58px;border-radius:50%;background:conic-gradient(#c7c7c7,#515151,#efefef,#777,#d0d0d0,#393939,#c7c7c7);box-shadow:inset 0 0 0 2px #aaa,inset 0 0 0 7px rgba(0,0,0,.25),0 2px 7px #000}.cd:after{content:"";position:absolute;inset:8px;border-radius:50%;background:repeating-radial-gradient(circle,#aaa 0 1px,transparent 2px 5px)}.cd i{position:absolute;z-index:2;left:50%;top:50%;width:15px;height:15px;transform:translate(-50%,-50%);border-radius:50%;background:#090909;border:3px solid #c0c0c0}.cd-player b,.cd-player small{display:block}.cd-player b{font-size:10px;color:#ccc;word-break:break-word}.cd-player small{margin-top:4px;color:#666;font:9px "Courier New",monospace}.player-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 10px}.intro-panel{padding-bottom:12px}.intro-line{margin:18px 20px;color:#d4d4d4;font:italic 19px/1.45 Georgia,serif}.ticker{overflow:hidden;border-top:1px solid #292929;border-bottom:1px solid #292929;background:#080808;white-space:nowrap}.ticker span{display:inline-block;padding:7px 0;color:#8e8e8e;font:10px "Courier New",monospace;animation:move 22s linear infinite}@keyframes move{from{transform:translateX(100%)}to{transform:translateX(-100%)}}.content-panel{padding-bottom:14px}.content-panel>p{margin:14px 16px;color:#b4b4b4;font:13px/1.65 Arial}.entry-row{display:grid;grid-template-columns:78px 1fr;gap:12px;padding:12px 14px;border-bottom:1px solid #292929}.entry-row time{color:#777;font:10px "Courier New",monospace}.entry-row h2,.entry-row p{margin:0}.entry-row h2{color:#a6001d;font-size:14px}.entry-row p{margin-top:4px;color:#999;font-size:12px}.text-link{margin:10px 14px 0;padding:0;border:0;background:none;color:#9d001a;font:700 11px "Courier New",monospace;cursor:pointer}.friend-list{padding:8px}.friend-placeholder{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:8px;padding:7px;border-bottom:1px solid #292929}.friend-placeholder span,.friend-photo{display:grid;place-items:center;background:#0a0a0a;border:1px solid #484848;color:#666;font:700 11px "Courier New",monospace}.friend-placeholder span{width:42px;height:42px}.friend-placeholder b{font-size:11px;color:#aaa}.comment{padding:10px;border-bottom:1px solid #292929}.comment b{color:#920018;font-size:11px}.comment p{margin:4px 0 0;color:#999;font-size:11px}.wide-disabled{width:calc(100% - 20px);margin:10px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px;padding:13px 16px;border:1px solid #4a4a4a;background:linear-gradient(#171717,#090909);box-shadow:inset 0 1px #252525}.page-heading h1,.page-heading span{margin:0}.page-heading h1{color:#d0d0d0;font:900 30px Arial Black,Impact,sans-serif;letter-spacing:-1px}.page-heading span{color:#6d6d6d;font:10px "Courier New",monospace}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-table{margin:14px;border:1px solid #353535}.profile-table div{display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid #2b2b2b}.profile-table div:last-child{border-bottom:0}.profile-table dt,.profile-table dd{margin:0;padding:10px;font-size:12px}.profile-table dt{background:#171717;color:#830016;font-weight:bold}.profile-table dd{color:#aaa}.wide-section{margin-top:14px}.large-player{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:18px;padding:18px}.cd.large{width:96px;height:96px}.large-player h2,.large-player p{margin:0}.large-player h2{color:#ccc;font-size:17px}.large-player p{margin-top:6px;color:#777;font:10px "Courier New",monospace}.track{height:8px;margin-top:14px;border:1px solid #444;background:#050505}.track span{display:block;width:38%;height:100%;background:#710013}.blog-layout{display:grid;grid-template-columns:180px 1fr;gap:14px}.archive{height:max-content;padding-bottom:8px}.archive button{display:block;width:calc(100% - 16px);margin:8px 8px 0;text-align:left}.blog-feed{display:flex;flex-direction:column;gap:14px}.blog-post{padding:15px}.blog-post header{padding-bottom:10px;border-bottom:1px solid #323232}.blog-post h2{margin:0;color:#970019;font-size:20px}.blog-post time{color:#666;font:10px "Courier New",monospace}.blog-post p{color:#aaa;font:14px/1.65 Georgia,serif}.blog-post footer{padding-top:9px;border-top:1px solid #292929;color:#666;font:10px "Courier New",monospace}.friends-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px}.friend-card{padding:9px;border:1px solid #363636;background:#0b0b0b}.friend-photo{aspect-ratio:1/1;font-size:18px}.friend-card h2{margin:8px 0 2px;color:#a0001b;font-size:13px}.friend-card p{margin:0;color:#666;font:9px "Courier New",monospace}.upload-bar{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #313131}.upload-button{display:inline-block;padding:8px 12px;border:1px solid #767676;background:linear-gradient(#d1d1d1,#858585);color:#090909;font:900 10px Arial;cursor:pointer;box-shadow:inset 0 1px #fff}.upload-button:hover{background:linear-gradient(#ececec,#9a9a9a)}#photoCount{color:#777;font:10px "Courier New",monospace}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px}.album-empty{grid-column:1/-1;display:grid;place-items:center;min-height:260px;border:1px dashed #3d3d3d;background:#090909;color:#565656;font:700 12px "Courier New",monospace}.uploaded-photo{margin:0;border:1px solid #484848;background:#080808;padding:6px}.uploaded-photo img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;filter:contrast(1.06) saturate(.82)}.uploaded-photo figcaption{padding:7px 2px 1px;color:#777;font:9px "Courier New",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-shell{display:grid;grid-template-columns:180px 1fr;overflow:hidden}.message-folders{border-right:1px solid #3a3a3a;background:#0a0a0a;padding-bottom:8px}.message-folders button{display:block;width:calc(100% - 16px);margin:8px 8px 0;text-align:left}.message-folders .selected{background:linear-gradient(#720013,#370008);color:#ccc}.message-row{display:grid;grid-template-columns:55px 1fr;gap:12px;padding:13px;border-bottom:1px solid #2c2c2c}.message-row.unread{background:#14070a}.message-row>span{color:#790015;font:900 9px "Courier New",monospace}.message-row b,.message-row h2,.message-row p{margin:0}.message-row b{color:#8e0018;font-size:11px}.message-row h2{margin-top:3px;color:#bbb;font-size:13px}.message-row p{margin-top:4px;color:#666;font:9px "Courier New",monospace}footer{display:flex;justify-content:space-between;padding:11px 14px;border-top:1px solid #3f3f3f;background:#050505;color:#5e5e5e;font:9px "Courier New",monospace}
@media(max-width:950px){.home-layout{grid-template-columns:210px 1fr}.rightbar{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:repeat(3,1fr)}.friends-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.laptop-frame{width:100%;margin:0;border-left:0;border-right:0}.brand-row{align-items:flex-start}.brand-row p{max-width:150px;text-align:right}.page{padding:10px}.home-layout{display:block}.sidebar,.main-column,.rightbar{margin-bottom:12px}.rightbar{display:grid}.profile-summary{display:grid;grid-template-columns:145px 1fr}.profile-summary .panel-title,.profile-summary h1{grid-column:1/-1}.profile-photo{grid-row:3/8}.dead-actions,.mini-info,.mood{grid-column:2}.split-layout,.blog-layout{grid-template-columns:1fr}.archive{display:grid;grid-template-columns:repeat(3,1fr)}.archive .panel-title{grid-column:1/-1}.message-shell{grid-template-columns:130px 1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}.friends-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:470px){.brand-row{min-height:68px;padding:10px 12px}.brand{font-size:34px}.brand-row p{display:none}.nav-button{min-width:100px;padding:11px}.home-layout,.rightbar{display:block}.profile-summary{display:block}.profile-summary>*{grid-column:auto}.profile-photo{aspect-ratio:4/4.7}.rightbar>.panel{margin-bottom:12px}.page-heading{align-items:flex-start;flex-direction:column;gap:4px}.page-heading h1{font-size:25px}.profile-table div{grid-template-columns:92px 1fr}.large-player{grid-template-columns:78px 1fr}.cd.large{width:70px;height:70px}.archive{grid-template-columns:1fr}.message-shell{grid-template-columns:1fr}.message-folders{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #3a3a3a}.message-folders .panel-title{display:none}.message-folders button{min-width:100px;margin:7px 0 7px 7px}.photo-grid{grid-template-columns:1fr 1fr;gap:7px;padding:8px}.friends-grid{gap:7px;padding:8px}.upload-bar{align-items:flex-start;flex-direction:column}footer{flex-direction:column;gap:4px;text-align:center}}

/* ===== OLD LAPTOP / EARLY WEB PASS ===== */
html{
  background:#000;
  background-image:
    repeating-linear-gradient(0deg,#020202 0,#020202 3px,#080808 4px,#080808 5px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 1px,transparent 1px,transparent 5px);
}
body{
  background-color:#050505;
  background-image:
    repeating-linear-gradient(to bottom,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 4px),
    linear-gradient(90deg,#020202,#0a0a0a 48%,#030303);
  font-family:Tahoma,Verdana,Arial,sans-serif;
  image-rendering:pixelated;
}
.screen-lines{
  opacity:.42;
  mix-blend-mode:normal;
  background:
    repeating-linear-gradient(to bottom,
      rgba(255,255,255,.045) 0,
      rgba(255,255,255,.045) 1px,
      rgba(0,0,0,.12) 1px,
      rgba(0,0,0,.12) 3px,
      rgba(255,255,255,.018) 3px,
      rgba(255,255,255,.018) 4px),
    repeating-linear-gradient(to right,
      rgba(120,0,0,.018) 0,
      rgba(120,0,0,.018) 1px,
      rgba(255,255,255,.012) 1px,
      rgba(255,255,255,.012) 2px,
      rgba(0,0,0,.02) 2px,
      rgba(0,0,0,.02) 4px);
}
.screen-lines:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.03),transparent 3%,transparent 97%,rgba(255,255,255,.02)),
    radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.38) 100%);
}
.screen-lines:after{
  opacity:.35;
  background:
    repeating-linear-gradient(90deg,rgba(100,0,0,.018) 0 1px,rgba(255,255,255,.008) 1px 2px,rgba(0,0,0,.012) 2px 3px),
    linear-gradient(90deg,rgba(80,0,0,.018),rgba(0,20,20,.01),rgba(255,255,255,.008));
}
.laptop-frame{
  border:1px solid #666;
  background:#050505;
  box-shadow:
    0 0 0 1px #000,
    0 0 0 3px #202020,
    0 0 0 4px #555,
    7px 7px 0 #000,
    0 24px 70px #000,
    inset 0 0 0 1px #111,
    inset 0 0 55px rgba(255,255,255,.018);
}
.site-header{
  background:#080808;
  border-bottom:1px solid #777;
  box-shadow:inset 0 -1px #000;
}
.brand-row{
  background:
    repeating-linear-gradient(to bottom,#131313 0,#131313 2px,#0b0b0b 2px,#0b0b0b 4px);
  border-bottom:1px solid #5b5b5b;
}
.brand{
  font-family:Impact,"Arial Black",sans-serif;
  text-shadow:2px 2px 0 #222,-1px -1px 0 #fff;
  filter:none;
}
.main-nav{
  border-top:1px solid #111;
  border-bottom:1px solid #555;
  background:#090909;
}
.nav-button{
  border-right:1px solid #555;
  border-bottom:1px solid #000;
  background:
    repeating-linear-gradient(to bottom,#242424 0,#242424 2px,#191919 2px,#191919 4px);
  color:#b8b8b8;
  font:700 10px Tahoma,Verdana,sans-serif;
  text-transform:uppercase;
  letter-spacing:.5px;
  box-shadow:inset 1px 1px #3d3d3d,inset -1px -1px #050505;
}
.nav-button:hover,.nav-button.active{
  background:
    repeating-linear-gradient(to bottom,#690011 0,#690011 2px,#43000b 2px,#43000b 4px);
  color:#fff;
  box-shadow:inset 1px 1px #95001b,inset -1px -1px #200005;
}
.address-bar{
  padding:5px 9px;
  border-top:1px solid #efefef;
  border-bottom:1px solid #333;
  background:
    repeating-linear-gradient(to bottom,#bababa 0,#bababa 2px,#9d9d9d 2px,#9d9d9d 4px);
  font:10px "Courier New",monospace;
}
.page{
  background:
    repeating-linear-gradient(to bottom,transparent 0,transparent 5px,rgba(255,255,255,.012) 5px,rgba(255,255,255,.012) 6px);
}
.panel,
.page-heading{
  background:#0b0b0b;
  border-color:#575757;
  box-shadow:inset 1px 1px #1f1f1f,inset -1px -1px #000,3px 3px 0 #000;
}
.panel-title{
  padding:5px 8px;
  background:
    repeating-linear-gradient(to bottom,#c4c4c4 0,#c4c4c4 2px,#999 2px,#999 4px);
  border-bottom:1px solid #111;
  font:900 10px Tahoma,Verdana,sans-serif;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.panel-title.dark{
  background:
    repeating-linear-gradient(to bottom,#760014 0,#760014 2px,#4a000c 2px,#4a000c 4px);
}
.profile-summary h1,
.mood,
.entry-row time,
.page-heading span,
.friend-card p,
.message-row p,
#photoCount,
footer{
  font-family:"Courier New",monospace;
}
.photo-upload,
.friend-card,
.uploaded-photo,
.friend-placeholder span,
.friend-photo,
.album-empty,
.profile-table,
.mini-info,
.track{
  border-color:#5a5a5a;
  box-shadow:inset 1px 1px #111,inset -1px -1px #000;
}
.dead-actions button,.player-buttons button,.wide-disabled,.archive button,.message-folders button{
  background:#171717;
  border-top-color:#666;
  border-left-color:#666;
  border-right-color:#050505;
  border-bottom-color:#050505;
  border-radius:0;
  font-family:Tahoma,Verdana,sans-serif;
  text-transform:uppercase;
}
.dead-actions button:active,.player-buttons button:active,.wide-disabled:active,.archive button:active,.message-folders button:active{
  border-top-color:#050505;
  border-left-color:#050505;
  border-right-color:#666;
  border-bottom-color:#666;
}
.upload-button{
  background:#aaa;
  border-top-color:#eee;
  border-left-color:#eee;
  border-right-color:#333;
  border-bottom-color:#333;
  box-shadow:none;
  text-transform:uppercase;
}
.ticker{
  background:#020202;
  border-top:1px solid #555;
  border-bottom:1px solid #555;
  box-shadow:inset 0 1px #000,inset 0 -1px #000;
}
.entry-row,.comment,.message-row,.friend-placeholder{
  border-bottom-style:dotted;
  border-bottom-color:#505050;
}
.page-heading{
  background:
    repeating-linear-gradient(to bottom,#111 0,#111 3px,#0b0b0b 3px,#0b0b0b 6px);
  border-style:double;
}
.page-heading h1{
  font-family:Impact,"Arial Black",sans-serif;
  text-transform:lowercase;
}
.photo-grid,.friends-grid,.blog-feed,.message-list{
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:12px 12px;
}
footer{
  border-top:3px double #555;
  background:
    repeating-linear-gradient(to bottom,#0b0b0b 0,#0b0b0b 2px,#050505 2px,#050505 4px);
}
@media(max-width:700px){
  .laptop-frame{box-shadow:inset 0 0 0 1px #111,inset 0 0 35px rgba(255,255,255,.015)}
  .screen-lines{opacity:.34}
}