/* Flexible Squares / Pink Punk (2005) and customized LiveJournal diaries.
   References: lj-stylecontest.livejournal.com/3935.html;
   webdesignmuseum.org/gallery/livejournal-com-in-2006. */
.lj2006-navigation,.lj2006-mood { display:none; }
body[data-year="2006"] { --bg:#100b12; --ink:#281323; --link:#890047; --visited:#682064; --surface:#ffe7f4; --font:Verdana,Arial,sans-serif; background:#100b12; color:#281323; font:16px/1.65 Verdana,Arial,sans-serif; }
body[data-year="2006"]::before,body[data-year="2006"]::after { display:none; }
body[data-year="2006"] #timebar { max-width:1000px; margin:0 auto; padding:16px; color:#fff; background:#100b12; border:0; font:14px/1.6 Verdana,Arial,sans-serif; }
body[data-year="2006"] #timebar fieldset { padding:0; }
body[data-year="2006"] #timebar .year-option span { color:#fff; background:#2b1829; border:1px solid #b86c93; border-radius:0; padding:6px 9px; font-size:14px; }
body[data-year="2006"] #timebar .year-option input:checked + span { color:#150910; background:#ff96cc; border-color:#fff; box-shadow:none; }
body[data-year="2006"] #era-description,body[data-year="2006"] #era-aesthetic-wrap { color:#f3cbe2; font-size:14px; }
body[data-year="2006"] #home { max-width:1000px; width:calc(100% - 28px); margin:0 auto 40px; padding:0; border:5px solid #d60072; background:#100b12; box-shadow:0 0 0 1px #f493c6; border-radius:0; }
body[data-year="2006"] #home > center { display:grid; grid-template-columns:minmax(0,1fr) 210px; gap:16px; padding:0 18px 20px; text-align:left; }
body[data-year="2006"] #home > center > br,body[data-year="2006"] #home > center > hr,body[data-year="2006"] #home .home-windowbar,body[data-year="2006"] #home .home-index-1992,body[data-year="2006"] #home > center > a:not(.era-on):not(#era-banner) { display:none!important; }
body[data-year="2006"] #home .site-name { display:flex!important; align-items:center; justify-content:center; grid-column:1/-1; grid-row:1; min-height:245px; margin:0 -18px; padding:40px 22%; color:#fff; background:#000 url('assets/livejournal-2006-masthead-v14.webp') center/cover no-repeat; border-bottom:3px solid #fa589b; text-align:center; font:italic 700 clamp(25px,4.2vw,42px)/1.2 Georgia,serif; letter-spacing:-1px; text-transform:none; text-shadow:2px 2px #9b004c; overflow-wrap:normal; }
body[data-year="2006"] .lj2006-navigation { grid-column:1/-1; grid-row:2; display:flex; flex-wrap:wrap; justify-content:center; gap:10px 24px; padding:2px 0 10px; border-bottom:1px dotted #e474ad; font:14px/1.6 Verdana,sans-serif; }
body[data-year="2006"] .lj2006-navigation a { color:#ff9acb!important; text-decoration:underline; }
body[data-year="2006"] #home table.home-grid { grid-column:2; grid-row:3/span 5; display:block; width:100%!important; margin:0; border:1px solid #de6fa8; padding:14px; background:#20121e; color:#fff; transform:none; }
body[data-year="2006"] #home .home-grid tbody,body[data-year="2006"] #home .home-grid tr,body[data-year="2006"] #home .home-grid td { display:block; padding:0; width:100%; text-align:left!important; }
body[data-year="2006"] #home .home-grid .logo-keep { display:block; width:104px; margin:0 auto 18px; padding:2px; background:#fff; border:3px solid #fa589b; }
body[data-year="2006"] #home .home-grid .logo { display:block; width:94px; height:94px; max-width:100%; object-fit:contain; filter:none; opacity:1; }
body[data-year="2006"] #home .home-nav font { display:block; font:14px/1.6 Verdana,Arial,sans-serif; }
body[data-year="2006"] #home .home-nav br { display:none; }
body[data-year="2006"] #home .home-nav a { display:block; padding:8px 0; color:#ffb6df!important; font-size:14px; border-bottom:1px dotted #ae618b; overflow-wrap:normal; text-transform:lowercase; letter-spacing:0; }
body[data-year="2006"] #home .home-nav a::before,body[data-year="2006"] #home .home-nav a::after { content:none; }
body[data-year="2006"] #home .identity-line,body[data-year="2006"] #home .dreamland-copy,body[data-year="2006"] #home .home-quote,body[data-year="2006"] .lj2006-mood { display:block; grid-column:1; background:#ffe7f4; color:#281323; border:1px solid #fa589b; padding:18px; margin:0; width:auto; max-width:none; font:16px/1.65 Verdana,Arial,sans-serif; text-align:left; }
body[data-year="2006"] #home .identity-line { grid-row:3; }
body[data-year="2006"] #home .identity-line::before { content:'subject: behind the screen'; display:block; margin:-18px -18px 16px; padding:7px 18px; color:#fff; background:#98034f; font:bold 14px/1.6 Verdana,sans-serif; }
body[data-year="2006"] .lj2006-mood { grid-row:4; border-top:3px double #d60072; background:#fff5fb; font-size:14px; }
body[data-year="2006"] #home .dreamland-copy { grid-row:5; }
body[data-year="2006"] #home .home-quote { grid-row:6; }
body[data-year="2006"] #home .home-dad { display:block; grid-column:1; grid-row:7; padding:12px 18px; background:#ffe7f4; font-size:16px; }
body[data-year="2006"] #home .era-on { grid-column:2; grid-row:8; align-self:start; display:flex; width:auto; min-width:0; min-height:65px; height:auto; padding:12px; border:2px dotted #ff98ce; border-radius:0; background:#160f17; color:#ffc0e2; box-shadow:none; text-decoration:none; transform:none; }
body[data-year="2006"] #home .era-on::before,body[data-year="2006"] #home .era-on::after,body[data-year="2006"] .era-on-eye { display:none; }
body[data-year="2006"] #home .era-on-copy { min-width:0; }
body[data-year="2006"] #home #broadcast-status { color:#ffc0e2; font:700 18px/1.3 Verdana,sans-serif; letter-spacing:1px; white-space:nowrap; }
body[data-year="2006"] #home #broadcast-detail { color:#fff; display:block; font:14px/1.4 Verdana,sans-serif; }
body[data-year="2006"] #home .home-status { display:block; grid-column:1; grid-row:8; margin:0; color:#ff69b4; font:600 14px/1.65 Verdana,sans-serif; }
body[data-year="2006"] #home .home-status span { color:#ff69b4; }
body[data-year="2006"] #home #era-banner { display:block!important; grid-column:1/-1; grid-row:9; min-height:0; width:min(470px,100%); margin:10px auto; color:#fff; border:2px dotted #ff82bb; border-radius:0; background:#20111c; box-shadow:none; }
body[data-year="2006"] #home .era-banner-inner { display:block; min-height:0; padding:12px; background:transparent; border:0; border-radius:0; text-align:center; }
body[data-year="2006"] #banner-kicker,body[data-year="2006"] #banner-subline { color:#ffadd5; font:14px/1.5 Verdana,sans-serif; }
body[data-year="2006"] #banner-title { display:block; color:#fff; font:700 22px/1.4 Georgia,serif; letter-spacing:0; }
body[data-year="2006"] #home .banner-help { grid-column:1/-1; grid-row:10; text-align:center; color:#f0bedb; font-size:14px; }
body[data-year="2006"] #banner-reward { display:none; }
body[data-year="2006"] .page { max-width:1000px; width:calc(100% - 28px); margin:0 auto 40px; padding:24px; border:5px solid #d60072; color:#281323; background:#ffe7f4; border-radius:0; box-shadow:none; font:16px/1.7 Verdana,Arial,sans-serif; }
body[data-year="2006"] .page h3 { margin:16px -24px 24px; padding:12px 24px; color:#fff; background:#98034f; font:700 clamp(22px,3vw,32px)/1.3 Georgia,serif; text-transform:none; letter-spacing:0; overflow-wrap:normal; word-break:normal; }
body[data-year="2006"] .page h4 { color:#66113f; font:700 19px/1.4 Georgia,serif; letter-spacing:0; margin:24px 0 12px; }
body[data-year="2006"] .page a,body[data-year="2006"] #home .identity-line a,body[data-year="2006"] #home .dreamland-copy a,body[data-year="2006"] #home .home-quote a { color:#890047!important; text-decoration:underline; }
body[data-year="2006"] .page p,body[data-year="2006"] .page li,body[data-year="2006"] .page font { font-size:16px; line-height:1.7; }
body[data-year="2006"] #writing > ul > li { margin:0 0 14px; padding:0 0 14px; border-bottom:1px dotted #b76393; }
body[data-year="2006"] .page .quiet { color:#624257; }
body[data-year="2006"] .room-illustration { padding:0; border:1px solid #bd4284; background:#ffe7f4; box-shadow:none; margin:16px 0; }
body[data-year="2006"] .room-illustration figcaption { padding:12px; background:#fff2f9; color:#281323; font:14px/1.6 Verdana,sans-serif; }
body[data-year="2006"] .room-illustration::after { clip-path:inset(7% 70% 36% 0); }
body[data-year="2006"] .room-stage > .room-map-gateway { left:76.9%; top:3.2%; width:22.1%; height:38.5%; }
body[data-year="2006"] .room-fax { left:87%;top:51%; }
body[data-year="2006"] .room-hotspot--alphaville-laptop { left:67%;top:44.5%; }
body[data-year="2006"] .room-hotspot--fruits { left:78.5%;top:52%; }
body[data-year="2006"] .room-hotspot--enya { left:84.5%;top:53%; }
body[data-year="2006"] .room-cards,body[data-year="2006"] #favorite-sites { color:#281323; background:#fff2f9; border:1px dotted #c04c8c; }
body[data-year="2006"] #favorite-sites-list { columns:2 210px; }
body[data-year="2006"] .candle-era--2002 { display:block; }
body[data-year="2006"] .candle-graphic { border:1px dotted #d60072!important; background:#fff!important; }
body[data-year="2006"] .find-grid .find-banner { border:2px dotted #f16bb1; border-radius:0; background:#20111c; color:#ffd4eb!important; box-shadow:none; font:14px/1.5 Verdana,sans-serif; }
@media(max-width:680px) {
 body[data-year="2006"] #home > center { display:flex; flex-direction:column; padding:0 14px 18px; gap:14px; }
 body[data-year="2006"] #home .site-name { min-height:180px; margin:0 -14px; padding:26px 21%; font-size:26px; }
 body[data-year="2006"] #home table.home-grid { padding:12px; }
 body[data-year="2006"] #home .home-grid tr { display:flex; gap:16px; align-items:center; }
 body[data-year="2006"] #home .home-grid td:first-child { width:92px; flex:0 0 92px; }
 body[data-year="2006"] #home .home-grid .logo-keep { width:90px; margin:0; }
 body[data-year="2006"] #home .home-grid .logo { width:80px; height:80px; }
 body[data-year="2006"] #home .home-nav { flex:1; }
 body[data-year="2006"] #home .home-nav a { padding:5px 0; }
 body[data-year="2006"] .page { padding:18px; }
 body[data-year="2006"] .page h3 { margin-inline:-18px; padding-inline:18px; }
}