/* Compact, opaque application surfaces, matched to the selected system. */
#room-device .device-content[data-view="notes"]{padding:0!important;background:#fff;overflow:hidden}
.period-notes{height:100%;min-height:420px;background:#fff;color:#181818;font:14px/1.4 Arial,sans-serif}
.period-notes-tools{display:flex;align-items:center;gap:7px;min-height:38px;padding:6px 10px;border-bottom:1px solid #999;background:linear-gradient(#eee,#ccc)}
.period-notes-tools b{margin-right:auto}.period-notes-saved{margin-left:auto;color:#555;font-size:12px}.period-notes-tools button{font:14px Arial,sans-serif!important;border:1px solid #aaa!important;background:#eee!important;color:#111!important;padding:3px 8px!important}
.period-notes-columns{display:grid;grid-template-columns:180px minmax(0,1fr);height:calc(100% - 48px);min-height:370px}.period-notes-sidebar{padding:12px;background:#eee;border-right:1px solid #bbb}.period-notes-sidebar p{font:12px Arial!important;color:#555}.period-notes-sidebar strong{display:block;margin:15px -12px 5px;padding:12px;background:#e9cb78}.period-notes-sidebar small{display:block}.period-notes-sidebar button{display:block;width:100%;text-align:left;margin-top:8px;background:#fff!important;color:#222!important;border:0!important;border-bottom:1px solid #bbb!important}
.period-notes-paper{min-width:0;display:flex;flex-direction:column;background:#fff}.period-notes-date{margin:12px!important;text-align:center;font:12px Arial!important;color:#777}.period-notes .device-notes{box-sizing:border-box;width:100%;flex:1;min-height:330px;margin:0!important;padding:20px!important;border:0!important;border-radius:0!important;outline:0;resize:none;background:#fff;color:#222;font:16px/1.6 Arial,sans-serif!important;box-shadow:none!important}.period-notes .device-notes.large-type{font-size:22px!important}
.period-notes-yellow .period-notes-tools{background:linear-gradient(#bc9470,#76503b);border-bottom:2px solid #593e2b;color:#fff}.period-notes-yellow .period-notes-saved{color:#fff}.period-notes-yellow .period-notes-paper,.period-notes-yellow .device-notes{background-color:#fff4bd!important}.period-notes-yellow .device-notes{background-image:repeating-linear-gradient(#fff4bd 0 27px,#d5c584 27px 28px)!important;font:17px/28px 'Helvetica Neue',Arial,sans-serif!important;padding-top:0!important}.period-notes-yellow .period-notes-sidebar{background:#f4e9bf}.period-notes-plain .device-notes{font:16px/1.4 'Courier New',monospace!important;min-height:440px}.period-notes-plain .period-notes-tools{background:#d4d0c8;padding:2px 4px;min-height:24px}.period-notes-plain .period-notes-tools button{border:0!important;background:#d4d0c8!important}
#room-device[data-app="aol"] .device-content{background:#43838c;padding:15px!important;color:#111}
#room-device[data-app="aol"] .device-browser-title{background:linear-gradient(90deg,#000080,#2488bb)!important;color:#fff;letter-spacing:0}
#room-device[data-app="aol"] .device-aol-menu{background:#c0c0c0;min-height:23px}.device-aol-toolbar{background:#b9c1c9!important;border-bottom:2px ridge #ddd;gap:0!important}.device-aol-toolbar button{display:flex;flex-direction:column;align-items:center;min-width:61px;font-weight:400!important;border:0!important;background:#b9c1c9!important;white-space:nowrap}.device-aol-toolbar img{width:27px;height:27px;object-fit:contain;image-rendering:pixelated}
.period-aol-keyword{display:flex;align-items:center;gap:7px;padding:3px 8px;background:#c0c0c0;border-top:1px solid #fff;color:#111;font:12px Arial}.period-aol-keyword input{flex:1;min-width:0;background:#fff;color:#111;border:2px inset #ddd;padding:3px}.period-aol-keyword button{background:#c0c0c0!important;color:#111!important;border:2px outset #ddd!important;padding:2px 9px!important}
.period-aol-welcome{max-width:850px;margin:0 auto;border:2px outset #e0e0e0;background:#efefdf;color:#111;box-shadow:3px 3px #285b64}.period-aol-welcome h2{font:700 28px Georgia,serif!important;margin:0!important;color:#fff!important;background:#002f6d;padding:17px!important}.period-aol-welcome-heading{padding:9px 14px;background:#dbe7f4;color:#003571;font-weight:bold}.period-aol-columns{display:grid;grid-template-columns:185px minmax(0,1fr);gap:0}.period-aol-directory{padding:12px;background:#d0d4d7;border-right:2px ridge #fff;display:flex;flex-direction:column;gap:6px}.period-aol-directory button{width:100%;text-align:left;font:14px Arial!important;background:#f0f0ed!important;color:#000080!important;border:2px outset #fff!important;padding:6px!important}.period-aol-features{padding:17px}.period-aol-features h3{font:700 22px Georgia,serif!important;color:#003b70!important;margin:0 0 10px!important}.period-aol-features p{font:15px/1.45 Arial!important}.period-aol-mail-callout{display:block;margin:0 0 16px;padding:10px!important;width:100%;border:2px outset #fff!important;background:#ffffd5!important;color:#000080!important;text-align:left;font-weight:bold}.period-aol-footer{padding:6px 10px;background:#d0d4d7;border-top:2px ridge #fff;font:12px Arial}
.period-aol-mailbox{max-width:900px;margin:0 auto;background:#c0c0c0;border:2px outset #ddd;color:#111;font:14px Arial,sans-serif}.period-mail-tabs{display:flex;gap:4px;padding:8px;flex-wrap:wrap}.period-mail-tabs button,.period-mail-message button,.period-mail-compose button{background:#c0c0c0!important;color:#111!important;border:2px outset #fff!important;padding:5px 12px!important;font:14px Arial!important}.period-mail-tabs button[aria-pressed="true"]{background:#fff!important;border-style:inset!important}.period-mail-table{border-collapse:collapse;width:calc(100% - 16px);margin:0 8px;min-height:120px;background:#fff}.period-mail-table th{background:#d4d0c8;text-align:left;border:1px solid #888;padding:5px;font:14px Arial}.period-mail-table td{padding:4px 7px;border-bottom:1px solid #ddd;vertical-align:top}.period-mail-table td button{background:#fff!important;color:#000080!important;border:0!important;padding:0!important;text-align:left;text-decoration:underline;font:14px Arial!important}.period-mail-table tr:hover td,.period-mail-table tr:hover td button{background:#dce8ff!important}.period-mail-message{margin:8px;padding:15px;background:#fff;border:2px inset #ddd}.period-mail-message h2{margin:0 0 12px!important;font:700 18px Arial!important}.period-mail-message p{margin:4px 0!important;font:14px Arial!important}.period-mail-message p button{border:0!important;background:#fff!important;color:#00e!important;text-decoration:underline;padding:0!important}.period-mail-body{white-space:pre-wrap;font:16px/1.6 Arial,sans-serif;min-height:170px;margin-bottom:15px}.period-mail-footer,.period-mail-empty{padding:10px;margin:0!important;font:12px Arial!important}.period-mail-compose{display:grid;gap:8px;padding:12px}.period-mail-compose label{display:grid;grid-template-columns:75px minmax(0,1fr);gap:8px;align-items:start}.period-mail-compose input,.period-mail-compose textarea{background:#fff;color:#111;border:2px inset #ddd;font:16px Arial;padding:6px}.period-mail-compose textarea{min-height:250px;resize:vertical}.period-mail-compose small{font:12px Arial}
.device-browser-menubar{display:flex;gap:2px;padding:2px 5px;background:#d4d0c8;border-bottom:1px solid #888}.device-browser-menubar button{color:#111!important;background:#d4d0c8!important;border:0!important;padding:4px 8px!important;font:14px Arial!important}.device-browser-menubar button:hover{background:#000080!important;color:#fff!important}
#room-device[data-skin="classic"] .device-toolbar,#room-device[data-skin="xp"] .device-toolbar{background:#d4d0c8;border-bottom:1px solid #888;border-radius:0}#room-device[data-skin="classic"] .device-toolbar button,#room-device[data-skin="xp"] .device-toolbar button{border:2px outset #eee;background:#d4d0c8;color:#111;border-radius:0;padding:4px 8px}#room-device[data-skin="classic"] .device-address input,#room-device[data-skin="xp"] .device-address input{background:#fff;border:2px inset #ddd;border-radius:0}
#room-device[data-skin="mac"] .device-title,#room-device[data-skin="mac"] .device-browser-title,#room-device[data-skin="mac"] .device-toolbar,#room-device[data-skin="mac"] .device-taskbar{backdrop-filter:none!important;background-color:#d7d7d7!important;opacity:1}#room-device .device-window,#room-device .device-content{opacity:1;backdrop-filter:none}#room-device[data-app="browser"] .device-browser-title{font-size:14px;border-bottom:1px solid #999}
@media(max-width:600px){.period-notes-columns{grid-template-columns:110px minmax(0,1fr)}.period-notes-sidebar{padding:8px}.period-notes-tools{flex-wrap:wrap}.period-aol-columns{grid-template-columns:1fr}.period-aol-directory{flex-direction:row;flex-wrap:wrap;border-right:0}.period-aol-directory button{width:auto;flex:1 1 40%}.period-mail-table td,.period-mail-table th{padding:5px;font-size:12px}.period-mail-table td button{font-size:13px!important}.period-mail-compose label{grid-template-columns:1fr}}
/* Opaque room props; only weather and daylight tint the whole scene. */
.room-phone-object{background-image:url('assets/phone-era-atlas-v23.webp')!important;mix-blend-mode:normal!important;opacity:1!important}
.room-stage>.hazel-aol-phone{width:clamp(3.5rem,7.2%,5.6rem)!important;transform:rotate(-8deg)!important;mix-blend-mode:normal!important}
.hazel-aol-phone__image{filter:none!important;opacity:1!important}
.hazel-aol-phone:hover .hazel-aol-phone__label,.hazel-aol-phone:focus-visible .hazel-aol-phone__label,.hazel-aol-phone[data-suspended="true"] .hazel-aol-phone__label{opacity:1!important;color:#111;background:#fff8d4}
.hazel-aol-phone[data-suspended="true"] .hazel-aol-phone__badge{display:grid!important;background:#ffdf33;color:#111;animation:none!important}
.room-wanderer.is-live{opacity:1;animation:wander-right var(--wander-time,10s) linear both}
.room-wanderer.is-live[data-direction="left"]{animation-name:wander-left}
.room-wanderer[data-direction="right"]>img{transform:scaleX(-1);animation:animal-step .38s ease-in-out infinite alternate}
.room-wanderer[data-direction="left"]>img{transform:none;animation:animal-step-left .38s ease-in-out infinite alternate}
.room-wanderer--gecko>img{animation-duration:.16s!important}
@keyframes wander-right{0%{left:-16%}35%{left:27%}44%{left:27%}100%{left:101%}}
@keyframes wander-left{0%{left:101%}35%{left:57%}44%{left:57%}100%{left:-16%}}
@keyframes animal-step{from{transform:scaleX(-1) translateY(0)}to{transform:scaleX(-1) translateY(-1px)}}
@keyframes animal-step-left{from{transform:translateY(0)}to{transform:translateY(-1px)}}
.room-fax{transition:transform .25s ease}
@keyframes scene-cameo-arrive{from{transform:translateY(8%)}to{transform:translateY(0)}}
.room-media-exterior-frame{border:18px solid #ded5bd;border-top-width:22px;border-bottom-width:30px;box-shadow:inset 0 0 0 4px #6b665e,0 8px 0 #9c9384;background:#302d28;isolation:isolate}
.room-media-exterior-frame[data-frame="wood"]{border-color:#67472e;box-shadow:inset 0 0 0 5px #2e231a,0 8px 0 #3d2c20}
@media(prefers-reduced-motion:reduce){.room-wanderer.is-live{animation:none!important;left:42%;opacity:1}.room-wanderer>img{animation:none!important}}
/* January 2017 Twitter, drawn as a page inside Safari. */
#room-device .twitter17{font:14px/1.4 Arial,sans-serif;color:#14171a;background:#e6ecf0;margin:-18px;padding:0 0 30px;min-height:520px}
#room-device .twitter17-nav{display:flex;align-items:center;gap:3px;background:#fff;border-bottom:2px solid #abb8c2;padding:5px 12px}
#room-device .twitter17 button{border:0;background:#fff;color:#657786;font:bold 13px Arial;padding:10px 9px}
#room-device .twitter17 button:hover{color:#1da1f2;text-decoration:underline}
.twitter17-brand{color:#1da1f2;margin:auto;font:italic 700 23px Georgia}
.twitter17-columns{display:grid;grid-template-columns:220px minmax(240px,1fr) 200px;gap:12px;padding:16px;align-items:start}
.twitter17-left,.twitter17-right,.twitter17-feed{background:#fff;border:1px solid #c5cfd5;border-radius:3px 2px 4px 1px;box-shadow:1px 2px 0 #cbd5dc}
.twitter17-right{padding:14px;font-size:12px}.twitter17-right h3,.twitter17-left h3{font:700 16px Arial;margin:12px}
.twitter17-banner{height:90px;background:#72b3d7;border-bottom:3px solid #34546b}
.twitter17-profile{padding:12px}.twitter17-profile>.twitter17-avatar{margin-top:-42px;border:4px solid white;font-size:23px;width:60px;height:60px}.twitter17-profile strong{display:block;font-size:18px}
.twitter17-avatar{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;border-radius:6px 4px 8px 3px;background:#294250;color:#fff;font:bold italic 17px Georgia;border:2px solid #111}
.twitter17-feed-title{font:bold 19px Arial!important;padding:14px;margin:0!important;border-bottom:1px solid #e6ecf0}
.twitter17-context{font-size:12px;padding:8px 14px;background:#f4fafe;border-bottom:1px solid #d9e9f3;margin:0}
.twitter17-tweet{display:flex;gap:10px;padding:14px 10px;border-bottom:1px solid #e6ecf0}.twitter17-copy{min-width:0}.twitter17-copy p{margin:7px 0}.twitter17-copy a{color:#1b86b9!important;text-decoration:none;border:1px solid #ccd6dd;display:block;padding:10px;border-radius:4px}.twitter17-handle{color:#657786;font-size:12px}.twitter17-actions{display:flex;gap:28px}.twitter17-empty{padding:25px}.twitter17-reply{display:block;box-sizing:border-box;width:100%;min-height:90px;background:#fff;color:#14171a;border:1px solid #1da1f2;padding:10px}
@media(max-width:1000px){.twitter17-columns{grid-template-columns:170px minmax(210px,1fr)}.twitter17-right{grid-column:1/-1}}@media(max-width:600px){.twitter17-columns{display:block;padding:8px}.twitter17-left{margin-bottom:8px}.twitter17-banner{height:45px}.twitter17-profile{display:none}#room-device .twitter17-nav{flex-wrap:wrap}}
.cameo--dad.cameo--pool .cameo-figure,.cameo--dad.cameo--room .cameo-figure{mix-blend-mode:normal}
.cameo-chroma-key{filter:url(#dad-chroma-key)}
#room-device .myspace06{max-width:800px;margin:0 auto;background:white;color:#111;font:12px/1.45 Verdana,Arial,sans-serif;text-align:left}
.myspace06-header{padding:16px;background:#003399;color:white;display:flex;align-items:center;gap:20px}.myspace06-header strong{font:bold 23px Arial}.myspace06-header a{color:white!important;font-size:10px;margin-left:auto}
.myspace06-nav{background:#6698cb;padding:4px;text-align:center}#room-device .myspace06-nav button{color:white;background:#6698cb;border:0;border-right:1px solid white;padding:1px 8px;font:11px Arial}
.myspace06-music{background:#903;display:block;margin:5px 0}.myspace06-columns{display:grid;grid-template-columns:300px minmax(0,1fr);gap:25px;padding:15px}
#room-device .myspace06 h2{font:700 16px Verdana;margin:0 0 12px}.myspace06-identity{display:flow-root}.myspace06-photo{float:left;width:145px;height:auto;margin:0 12px 12px 0;border:0}.myspace06-identity p{font-size:11px;margin:0 0 10px}
.myspace06-box{border:2px solid #6699cc;margin:16px 0}.myspace06-box h3{font:bold 12px Arial;color:white;background:#6699cc;padding:3px 6px;margin:0}.myspace06-box p{padding:4px 8px;margin:0;background:#d5e8fb;border-bottom:3px solid white}
#room-device .myspace06-box button{display:inline-block;border:0;padding:0;background:white;width:50%;text-align:left}#room-device .myspace06-box button img{max-width:100%;display:block}.myspace06-url{border:1px solid #6699cc;padding:6px;font-size:10px;overflow-wrap:anywhere}.myspace06-contact-response textarea{width:100%;box-sizing:border-box;min-height:95px;background:white;color:#111}.myspace06-contact-response small{display:block}
.myspace06-about h3,.myspace06-friends h3{color:#cc6600;background:#ffcc99;font:bold 13px Verdana;padding:3px 6px;margin:20px 0 8px}.myspace06-about h4{color:#cc6600;margin:10px 0 0}.myspace06 a{color:#039!important}.myspace06-blog h3{font:700 12px Verdana}.myspace06-friends p{color:#900;font-weight:bold}
.period-aol-logo img{width:32px;height:32px;image-rendering:pixelated;margin-right:10px;vertical-align:middle}
#room .room-media-crt-prop{mix-blend-mode:normal!important;filter:url(#dad-chroma-key)!important;opacity:1!important}
@media(max-width:620px){.myspace06-columns{grid-template-columns:1fr;padding:10px}.myspace06-header{flex-wrap:wrap}.myspace06-header a{margin:0}.myspace06-left{max-width:320px}}

.persistent-notes-access{padding:8px 12px;border-bottom:1px solid #bbb;background:#f5f5f5;color:#222;font:14px/1.4 Arial}.persistent-notes-access summary{cursor:pointer}.persistent-notes-access input{box-sizing:border-box;max-width:100%;width:100%;margin:7px 0;padding:8px;font:14px monospace}.persistent-notes-access button{margin:4px;padding:6px}.persistent-notes-message{padding:4px 12px;color:#803b13;font:14px/1.4 Arial}.persistent-notes-message:empty{display:none}.period-notes-sidebar button{display:block;width:100%;text-align:left;padding:9px!important;color:#222!important;background:#f6f3e9!important;border:0;border-bottom:1px solid #ddd;white-space:normal}.period-notes-sidebar button[aria-pressed=true]{background:#f4d77a!important}.period-notes-plain .period-notes-sidebar{width:170px;max-width:30%}.period-notes-paper>button{margin:6px 12px;padding:7px}.period-notes-saved{margin-left:auto;color:#555;font-size:13px}

/* One browser owns the window; the page inside it has no second title bar. */
.hwb--embedded > .hwb-browser > .hwb-titlebar,.hwb--embedded > .hwb-browser > .hwb-menubar,.hwb--embedded > .hwb-browser > .hwb-toolbar{display:none!important}
.hwb--embedded > .hwb-browser{border:0!important;box-shadow:none!important}
#room-device[data-kind="computer"][data-year="2012"] .device-browser-title,#room-device[data-kind="computer"][data-year="2017"] .device-browser-title,#room-device[data-kind="computer"][data-year="2020"] .device-browser-title,#room-device[data-kind="computer"][data-year="2022"] .device-browser-title,#room-device[data-kind="computer"][data-year="2026"] .device-browser-title{display:none}

body[data-year="1992"] .room-1992-computer{display:block!important;background:#d6d6d6;color:#0000ee;border:0;padding:8px 0;font:16px monospace;text-decoration:underline;text-align:left}
#room-device[data-year="1992"] img,#room-device[data-year="1992"] svg{display:none!important}
#room-device[data-year="1992"] .hazel-os-desktop-icon{display:block;background:#c0c0c0;color:#0000ee;text-align:left;min-height:0;text-decoration:underline}
/* October 2017 Twitter: the June redesign, before the general 280-character rollout. */
#room-device .twitter17{font:14px/20px Arial,"Helvetica Neue",sans-serif;background:#e6ecf0;color:#14171a}
#room-device .twitter17-nav{min-height:46px;padding:0 12px;border-bottom:1px solid #ccd6dd;gap:2px}
#room-device .twitter17-nav>button{height:46px;padding:0 10px;font-size:13px;background:#fff;color:#657786}
#room-device .twitter17-nav>button:last-child{height:32px;padding:0 18px;background:#1da1f2;color:#fff;border-radius:100px}
.twitter17-columns{grid-template-columns:minmax(160px,290px) minmax(280px,590px) minmax(160px,290px);gap:10px;max-width:1190px;margin:auto;padding:10px}
.twitter17-avatar{width:48px;height:48px;border-radius:50%;border:1px solid #657786;font:bold 16px Georgia;background:#477b97}
.twitter17-profile>.twitter17-avatar{width:72px;height:72px;border-radius:50%;margin-top:-40px}
.twitter17-banner{height:95px;border-bottom:1px solid #ccd6dd}
.twitter17-tweet{padding:9px 12px;gap:10px;border-bottom:1px solid #e6ecf0}
.twitter17-copy{flex:1}.twitter17-handle{color:#657786;font-size:13px}.twitter17-actions{display:flex;gap:16px;color:#657786}
.twitter17-copy>p{font-size:14px;line-height:20px}.twitter17-right>a{display:inline-block;margin:5px 0}
.twitter17-sources{font-size:12px;margin-top:20px}.twitter17-sources a{display:block;margin-top:8px}
.twitter17-brand{display:block;width:24px;height:24px;margin:0 auto}
@media(max-width:1000px){.twitter17-columns{grid-template-columns:180px minmax(280px,1fr)}.twitter17-right{display:none}}
@media(max-width:620px){.twitter17-columns{display:block;padding:5px}.twitter17-left{display:none}.twitter17-nav{flex-wrap:wrap}#room-device .twitter17-nav>button{padding:0 6px;font-size:12px}}

.twitter17-media{display:block;width:100%;height:auto;max-height:280px;object-fit:cover;border:1px solid #ccd6dd;border-radius:12px;margin:9px 0}