/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--pink:#ff3b9d;--hot:#ee087c;--baby:#ffd5eb;--cream:#fff7ed;--ink:#21121c;--silver:#d8d9df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);background-image:radial-gradient(#ffb8db 1px,#0000 1px);background-size:18px 18px;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.top-strip{background:var(--ink);color:#fff;text-align:center;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;padding:7px 20px;font-size:10px;overflow:hidden}header{z-index:20;text-transform:uppercase;letter-spacing:.13em;background:#fff7edeb;border-bottom:3px double #252025;grid-template-columns:1fr auto 1fr;align-items:center;min-height:82px;padding:0 4vw;font-size:10px;font-weight:800;display:grid;position:relative}.mini-logo{color:#fff;background:linear-gradient(180deg,#ff35a2 0%,#ff0088 100%);border:3px solid #20151d;place-items:center;width:78px;height:46px;display:grid;transform:rotate(-2deg);box-shadow:4px 4px #20151d;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:900;letter-spacing:.04em;position:relative;text-transform:none}.mini-logo:after{content:"★";position:absolute;right:-10px;top:-10px;color:var(--hot);font-size:18px;text-shadow:1px 1px #fff}nav{gap:28px;display:flex}nav a{border-bottom:2px solid #0000;padding:6px 0}nav a:hover{border-color:var(--hot);color:var(--hot)}.guestbook-link{color:var(--hot);justify-self:end}.hero{background:linear-gradient(135deg,#fff9f1 0 58%,#ffc8e3 58%);grid-template-columns:.95fr 1.05fr;align-items:center;gap:5vw;min-height:760px;padding:70px 6vw 90px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";opacity:.2;background:repeating-linear-gradient(45deg,#1d111a 0 5px,#0000 5px 12px);width:42%;height:100%;position:absolute;top:0;right:0}.hero-copy{z-index:3;position:relative}.date-stamp{text-transform:uppercase;letter-spacing:.16em;background:#fff;border:1px solid #281621;margin:0 0 24px;padding:7px 10px;font-size:9px;display:inline-block;box-shadow:2px 2px #281621}.hero-logo{display:block;width:min(100%,760px);margin:0 0 24px;filter:drop-shadow(0 5px 0 rgba(255,255,255,.65)) drop-shadow(0 12px 18px rgba(34,12,24,.12))} @media(max-width:900px){.hero-logo{width:min(100%,620px)}}.hero-copy .title-lockup{display:block;margin:0 0 18px}.title-lockup{position:relative}.title-lockup h1{letter-spacing:-.075em;text-transform:lowercase;text-shadow:3px 3px #fff;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(67px,8.1vw,126px);font-weight:400;line-height:.72}.title-lockup h1 i{color:var(--hot);font-family:Comic Sans MS,cursive;font-size:.7em}.kiss{color:var(--hot);font-family:Comic Sans MS,cursive;font-size:20px;font-weight:800;position:absolute;top:-17px;right:6%;transform:rotate(9deg)}.star{color:var(--hot);filter:drop-shadow(2px 2px #fff);font-size:32px;position:absolute;bottom:-14px;right:3%}.tagline{max-width:520px;margin:34px 0 0;font-family:Courier New,monospace;font-size:14px;font-weight:700;line-height:1.65}.hero-actions{align-items:center;gap:22px;margin-top:32px;display:flex}.pink-button{background:var(--hot);color:#fff;text-transform:uppercase;letter-spacing:.12em;border:2px solid #26131f;gap:32px;padding:15px 19px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:5px 5px #26131f}.pink-button:hover{transform:translate(2px,2px);box-shadow:3px 3px #26131f}.status{text-transform:uppercase;letter-spacing:.09em;font-size:10px}.status b{background:#69c348;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #dff4d9}.hero-photo{z-index:2;background:url(hero-photo.webp) 50%/cover no-repeat;border:12px solid #fff;border-bottom-width:52px;min-height:540px;position:relative;transform:rotate(2.2deg);box-shadow:9px 12px #21121cf2}.hero-photo p{margin:0;font-family:Comic Sans MS,cursive;font-size:13px;position:absolute;bottom:-41px;left:12px}.tape{z-index:3;background:#ebdcaeb8;border:1px solid #6d583a29;width:110px;height:30px;position:absolute}.tape-one{top:-22px;left:30%;transform:rotate(-8deg)}.tape-two{bottom:-30px;right:22%;transform:rotate(6deg)}.flash-badge{background:var(--hot);color:#fff;text-align:center;text-transform:uppercase;border:2px solid #26131f;border-radius:50%;place-items:center;width:74px;height:74px;font-size:10px;font-weight:900;display:grid;position:absolute;top:36px;right:-25px;transform:rotate(10deg);box-shadow:3px 3px #26131f}.doodle{z-index:4;color:var(--hot);font-family:Comic Sans MS,cursive;font-weight:900;position:absolute}.doodle-one{font-size:25px;bottom:64px;left:48%;transform:rotate(-9deg)}.doodle-two{font-size:17px;bottom:19%;right:3%;transform:rotate(13deg)}.ticker{background:var(--hot);color:#fff;text-transform:uppercase;letter-spacing:.16em;white-space:nowrap;border-block:2px solid #21121c;padding:13px 0;font-size:10px;font-weight:900;overflow:hidden}.ticker div{width:max-content;animation:24s linear infinite scroll}@keyframes scroll{to{transform:translate(-50%)}}.about-section{background-color:#fcf6ec;background-image:linear-gradient(115deg,#0000 0 72%,#ff489d1f 72%),radial-gradient(#ffb8db 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:auto,18px 18px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;grid-template-columns:.78fr 1.22fr;align-items:center;gap:8vw;padding:115px 7vw;display:grid}.profile-window{background:#f1f1f3;border:3px solid #21121c;max-width:520px;transform:rotate(-1.8deg);box-shadow:14px 14px #ff71b4}.window-bar{background:linear-gradient(#fff,#aaaab0);border-bottom:2px solid #21121c;justify-content:space-between;align-items:center;padding:9px 11px;font-family:Courier New,monospace;font-size:10px;font-weight:700;display:flex}.window-bar div{gap:5px;display:flex}.window-bar i{background:#ff5ba8;border:1px solid #21121c;width:9px;height:9px}.profile-body{background:repeating-linear-gradient(45deg,#f93b97 0 10px,#ffa4cf 10px 20px,#fff 20px 30px);place-items:center;min-height:420px;display:grid;position:relative;overflow:hidden}.profile-avatar{width:255px;height:300px;color:var(--hot);text-shadow:5px 5px #ffc7e2;background:linear-gradient(135deg,#fff,#f2c8dd);border:9px solid #fff;place-items:center;font-family:Georgia,serif;font-size:160px;font-weight:700;display:grid;position:relative;transform:rotate(3deg);box-shadow:7px 8px #21121c}.profile-avatar span{color:#fbff61;text-shadow:2px 2px #21121c;font-size:37px;position:absolute;top:7px;right:11px}.profile-status{text-transform:uppercase;background:#fff;border:2px solid #21121c;padding:7px 10px;font-size:9px;font-weight:900;position:absolute;bottom:17px;left:18px;box-shadow:3px 3px #21121c}.profile-status b{background:#5fd641;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.profile-footer{color:#73636c;text-align:center;background:#f7f7f8;border-top:2px solid #21121c;padding:11px;font-family:Courier New,monospace;font-size:9px}.scribble-label{color:var(--hot);margin:0 0 15px;font-family:Comic Sans MS,cursive;font-size:18px;font-weight:900;transform:rotate(-1deg)}.about-copy h2{letter-spacing:-.075em;margin:0;font-family:Georgia,serif;font-size:clamp(55px,7vw,104px);font-weight:400;line-height:.76}.about-copy h2 span{color:var(--hot);letter-spacing:0;font-family:Comic Sans MS,cursive;font-size:.32em;display:inline-block;transform:rotate(-7deg)}.bio{color:#57424d;max-width:690px;margin:34px 0;font-family:Courier New,monospace;font-size:14px;font-weight:700;line-height:1.8}.quick-facts{border-top:1px dashed #a78b99;border-left:1px dashed #a78b99;grid-template-columns:1fr 1fr;display:grid}.quick-facts span{color:#604d56;border-bottom:1px dashed #a78b99;border-right:1px dashed #a78b99;padding:16px;font-size:11px;line-height:1.5}.quick-facts b{color:var(--hot);text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px;font-size:8px;display:block}.about-note{color:#69545f;border-left:4px solid #fbff61;max-width:670px;margin:24px 0 0;padding-left:18px;font-family:Georgia,serif;font-size:18px;font-style:italic;line-height:1.6}.diary-preview{background:var(--baby);background-image:linear-gradient(#ffffff6b 1px,#0000 1px),linear-gradient(90deg,#ffffff6b 1px,#0000 1px);background-size:28px 28px;grid-template-columns:.75fr 1.25fr;gap:8vw;padding:110px 7vw;display:grid}.section-title{align-items:flex-start;gap:20px;display:flex}.section-title>span{color:var(--hot);font-family:Georgia,serif;font-size:18px}.section-title p,.newsletter>div>p{color:var(--hot);margin:0 0 12px;font-family:Comic Sans MS,cursive;font-size:17px;font-weight:800;transform:rotate(-2deg)}.section-title h2,.newsletter h2{letter-spacing:-.05em;margin:0;font-family:Georgia,serif;font-size:clamp(44px,5.2vw,74px);font-weight:400;line-height:.92}.featured-post{background:#fff;border:2px solid #281621;padding:42px;position:relative;box-shadow:8px 8px #281621}.featured-post:before{content:"NEW!";background:#fbff61;border:2px solid #281621;border-radius:50%;place-items:center;width:67px;height:67px;font-size:11px;font-weight:900;display:grid;position:absolute;top:-25px;right:-19px;transform:rotate(8deg)}.post-meta{color:#8a7480;text-transform:uppercase;border-bottom:1px dashed #bbaab3;flex-wrap:wrap;gap:7px 18px;padding-bottom:14px;font-family:Courier New,monospace;font-size:9px;display:flex}.category{background:var(--baby);color:var(--hot);text-transform:uppercase;letter-spacing:.13em;margin:25px 0 12px;padding:5px 8px;font-size:9px;font-weight:900;display:inline-block}.featured-post h3{margin:0;font-family:Georgia,serif;font-size:clamp(31px,3.5vw,51px);font-weight:400;line-height:1}.post-deck{color:#675460;font-size:14px;line-height:1.8}.featured-post button{border:0;border-bottom:2px solid var(--hot);color:var(--hot);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:0 0;padding:0;font-size:10px;font-weight:900}.newsletter{background:var(--ink);color:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding:74px 7vw;display:grid}.newsletter h2{font-size:clamp(38px,4vw,60px)}.newsletter>div>span{color:#cdbac5;margin-top:14px;font-size:11px;display:block}.newsletter form{display:flex}.newsletter input{color:#fff;background:0 0;border:2px solid #fff;outline:none;flex:1;min-width:0;padding:17px}.newsletter input::placeholder{color:#bba4b1}.newsletter form button{background:var(--hot);color:#fff;cursor:pointer;border:2px solid #fff;border-left:0;padding:17px 20px;font-weight:800}.joined{color:#ffafd6;text-align:center;border:2px solid #fff;width:100%;padding:17px;font-family:Comic Sans MS,cursive}.perk-list{margin:22px 0 0;padding:0;list-style:none}.perk-list li{color:#f2e6ee;font-family:Comic Sans MS,cursive;font-size:13px;font-weight:700;margin-bottom:10px;padding-left:26px;position:relative;line-height:1.5}.perk-list li:before{content:"✎";color:var(--hot);position:absolute;left:0;top:0}.diary-section{background:var(--baby);background-image:linear-gradient(#ffffff6b 1px,#0000 1px),linear-gradient(90deg,#ffffff6b 1px,#0000 1px);background-size:28px 28px;grid-template-columns:.68fr 1.32fr;gap:7vw;padding:110px 7vw;display:grid}.diary-section>.section-title{align-self:start;position:sticky;top:35px}.diary-content{min-width:0}.filter-bar{gap:8px;margin-bottom:18px;padding-bottom:5px;display:flex;overflow:auto}.filter-bar button{white-space:nowrap;color:#7b5b69;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:#fff8fb;border:1px solid #8d6d7c;padding:8px 12px;font-size:8px;font-weight:900}.filter-bar button.active,.filter-bar button:hover{background:var(--hot);color:#fff;border-color:#24131c}.posts-list{gap:18px;display:grid}.blog-post{background:#ffffffdb;border:1px solid #8e7480;padding:30px;box-shadow:4px 4px #281621db}.blog-post h3{margin:0;font-family:Georgia,serif;font-size:clamp(27px,3vw,40px);font-weight:400;line-height:1.04}.post-full{border-left:3px solid var(--hot);color:#59444f;background:#fff4f8;padding:16px 18px;font-family:Courier New,monospace;font-size:12px;line-height:1.75}.post-actions{justify-content:space-between;align-items:center;gap:18px;margin-top:22px;display:flex}.post-actions button{border:0;border-bottom:2px solid var(--hot);color:var(--hot);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;padding:0;font-size:9px;font-weight:900}.post-actions button:last-child{color:#9b7a8a;border:0}.post-actions button.liked{color:var(--hot)}.camera-section{background:#fcfaf5;grid-template-columns:1.15fr .85fr;align-items:center;gap:7vw;padding:110px 7vw;display:grid}.camera-image{background:#fff;border:1px solid #cabdc3;padding:10px 10px 46px;position:relative;transform:rotate(-1.2deg);box-shadow:11px 13px #26151f}.camera-image img{width:100%;height:auto;display:block}.camera-image>span{color:#5f4b56;font-family:Comic Sans MS,cursive;font-size:12px;position:absolute;bottom:14px;left:19px}.camera-copy>p,.outfit-heading>p{color:var(--hot);margin:0 0 14px;font-family:Comic Sans MS,cursive;font-weight:900}.camera-copy h2,.outfit-heading h2{letter-spacing:-.06em;margin:0;font-family:Georgia,serif;font-size:clamp(48px,6vw,88px);font-weight:400;line-height:.83}.camera-copy>p:nth-of-type(2){color:#705e68;max-width:500px;margin-top:28px;font-size:14px;line-height:1.8}.camera-stats{border-top:1px dashed #9a8490;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px;padding-top:20px;display:grid}.camera-stats span{color:#806a75;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.camera-stats b{color:var(--hot);font-family:Georgia,serif;font-size:27px;font-weight:400;display:block}.movie-section{color:#fff;background:#20131c radial-gradient(#ffffff1c 1px,#0000 1px) 0 0/19px 19px;padding:110px 6vw}.movie-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px;display:flex}.movie-heading p{color:#ff84bb;margin:0 0 13px;font-family:Comic Sans MS,cursive;font-weight:900}.movie-heading h2{letter-spacing:-.055em;margin:0;font-family:Georgia,serif;font-size:clamp(47px,6vw,86px);font-weight:400;line-height:.87}.movie-heading>span{color:#23151e;text-align:center;text-transform:uppercase;letter-spacing:.1em;background:#fbff61;border:2px solid #fff;max-width:240px;padding:9px 12px;font-size:9px;font-weight:900;transform:rotate(2deg);box-shadow:4px 4px #ff4c9f}.movie-filters{gap:8px;margin-bottom:24px;padding-bottom:5px;display:flex;overflow:auto}.movie-filters button{white-space:nowrap;color:#d8b9c8;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #84596f;padding:10px 14px;font-size:8px;font-weight:900}.movie-filters button.active,.movie-filters button:hover{color:#fff;background:#ff3b96;border-color:#fff}.movie-shelf{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.movie-card{color:#21121c;background:#fff;border:2px solid #fff;min-width:0;transition:transform .2s;box-shadow:4px 5px #ff4aa0b3}.movie-card:hover{transform:translateY(-5px)rotate(-.6deg)}.dvd-cover{background:linear-gradient(145deg,var(--dvd1),var(--dvd2));border-bottom:2px solid #21121c;justify-content:center;align-items:center;min-height:220px;display:flex;position:relative;overflow:hidden}.movie-card.pink{--dvd1:#ff9fca;--dvd2:#eb0979}.movie-card.blue{--dvd1:#8be2ff;--dvd2:#4266dc}.movie-card.gold{--dvd1:#fff091;--dvd2:#e4873a}.movie-card.silver{--dvd1:#f4f4f7;--dvd2:#8f8f9a}.movie-card.violet{--dvd1:#e0a9ff;--dvd2:#773bb7}.dvd-cover:before{content:"";background:repeating-linear-gradient(55deg,#0000 0 25px,#ffffff40 25px 32px);position:absolute;inset:-40%;transform:rotate(7deg)}.dvd-cover>span{color:#21121c;background:#fff;border:1px solid #21121c;padding:4px 6px;font-size:8px;font-weight:900;position:absolute;top:9px;left:10px}.dvd-cover strong{color:#fff;text-shadow:4px 4px #21121c;font-family:Georgia,serif;font-size:78px;font-weight:400;position:relative}.dvd-cover i{color:#fbff61;text-shadow:2px 2px #21121c;font-size:25px;position:absolute;bottom:10px;right:14px}.movie-card>div:last-child{padding:18px}.movie-card>div:last-child>p{color:var(--hot);text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-size:8px;font-weight:900}.movie-card h3{margin:0 0 12px;font-family:Georgia,serif;font-size:21px;font-weight:400;line-height:1.05}.movie-card>div:last-child>span{color:#7a626e;font-size:10px;line-height:1.45}.movie-picker{color:#21121c;background:#ffecf6;border:3px solid #ff4c9f;grid-template-columns:1fr 1fr;gap:4vw;margin-top:55px;padding:32px;display:grid;box-shadow:9px 9px #ff4c9f}.movie-picker>div:first-child>p{color:var(--hot);margin:0;font-family:Comic Sans MS,cursive;font-weight:900}.movie-picker h3{margin:5px 0 22px;font-family:Georgia,serif;font-size:38px;font-weight:400}.mood-buttons{flex-wrap:wrap;gap:7px;display:flex}.mood-buttons button{color:#6a505d;cursor:pointer;background:#fff;border:1px solid #8f7381;padding:8px 11px;font-size:9px}.mood-buttons button.active{color:#fff;background:#21121c}.movie-result{color:#fff;background:#21121c;border:5px inset #c4c4ca;padding:27px}.movie-result>span{color:#8dff7f;text-transform:uppercase;letter-spacing:.15em;font-family:Courier New,monospace;font-size:8px}.movie-result h4{margin:12px 0;font-family:Georgia,serif;font-size:34px;font-weight:400}.movie-result p{color:#d7c3cd;margin:0;font-size:12px;line-height:1.6}.movie-shelf{gap:16px}.movie-card{border:7px solid #fff;overflow:hidden;box-shadow:5px 6px #ff4aa0bf}.movie-card:nth-child(3n+1){transform:rotate(-.45deg)}.movie-card:nth-child(3n+2){transform:rotate(.45deg)}.movie-photo{background:#ff9fca;border-bottom:2px solid #21121c;height:290px;position:relative;overflow:hidden}.movie-photo:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#ffffff38,#0000 35%),linear-gradient(#0000 60%,#180b144d);position:absolute;inset:0}.movie-photo img{object-fit:cover;object-position:center 22%;filter:saturate(1.08)contrast(1.03);width:100%;height:100%;transition:transform .35s;display:block}.movie-card:hover .movie-photo img{transform:scale(1.035)}.movie-photo>span{z-index:2;color:#21121c;background:#fbff61;border:1px solid #21121c;padding:5px 7px;font-size:8px;font-weight:900;position:absolute;top:10px;left:10px;box-shadow:2px 2px #21121c}.movie-photo>i{z-index:2;color:var(--hot);background:#fff;border:1px solid #21121c;padding:5px 8px;font-family:Comic Sans MS,cursive;font-size:10px;font-style:normal;font-weight:900;position:absolute;bottom:9px;right:8px;transform:rotate(-3deg);box-shadow:2px 2px #21121c}.movie-card>div:last-child{min-height:142px;padding:18px 14px 16px}.outfit-section{color:#25131e;background:linear-gradient(135deg,#ff3c9d,#ff90c5);border-block:3px solid #25131e;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:100px 7vw;display:grid}.outfit-heading>p{color:#25131e;background:#fbff67;border:1px solid #25131e;padding:6px 9px;display:inline-block;transform:rotate(-3deg)}.outfit-heading h2{color:#fff;text-shadow:3px 3px #28131f}.outfit-heading>span{margin-top:24px;font-family:Courier New,monospace;font-weight:700;display:block}.outfit-machine{background:linear-gradient(135deg,#f4f4f6,#aaaab1 45%,#fdfdff 56%,#9c9ca4);border:3px solid #21121c;border-radius:22px;padding:16px;box-shadow:9px 10px #21121c}.machine-screen{color:#ffcae4;background:#1c1520;border:6px inset #bcbcc2;border-radius:8px;min-height:180px;padding:28px;font-family:Courier New,monospace}.machine-screen span{color:#8cfe7c;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.machine-screen p{font-size:17px;line-height:1.6}.outfit-machine>button{text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:#fbff67;border:2px solid #21121c;width:100%;margin-top:13px;padding:14px;font-size:10px;font-weight:900;box-shadow:0 4px #21121c}.outfit-machine>button:active{transform:translateY(3px);box-shadow:0 1px #21121c}.advice-section{background:#fff5ea;grid-template-columns:1.25fr .75fr;gap:7vw;padding:110px 7vw;display:grid}.advice-card{background:#fff;border:2px solid #26151f;padding:60px;position:relative;transform:rotate(.5deg);box-shadow:10px 10px #ff83be}.tape-three{top:-17px;left:50%;transform:translate(-50%)rotate(-3deg)}.advice-card>p{color:var(--hot);margin:0 0 10px;font-family:Comic Sans MS,cursive;font-weight:900}.advice-card h2{margin:0;font-family:Georgia,serif;font-size:clamp(37px,4vw,58px);font-weight:400;line-height:1}.advice-card blockquote{color:#6f5964;margin:28px 0;font-family:Courier New,monospace;line-height:1.8}.signature{color:var(--hot);text-align:right;font-family:Comic Sans MS,cursive;font-weight:900;display:block}.advice-section aside{color:#fff;background:#22141d;border:8px solid #0000;border-image:repeating-linear-gradient(45deg,#ff67ae 0 8px,#fff 8px 16px) 8;padding:35px}.tiny-label{color:#ffacd1;text-transform:uppercase;letter-spacing:.16em;margin:0 0 20px;font-size:9px;font-weight:900}.advice-section ol{margin:0;padding:0;list-style:none}.advice-section li{border-bottom:1px dotted #8a6f7d;padding:15px 0;font-family:Georgia,serif;font-size:17px}.advice-section li span{color:#ff67ae;width:32px;font-family:Arial,sans-serif;font-size:9px;display:inline-block}.playlist-section{background:linear-gradient(130deg,#ffcbe3,#fff5ec);grid-template-columns:.7fr 1.3fr;gap:8vw;padding:95px 7vw;display:grid}.quiz-section{background:linear-gradient(150deg,#fff5ec,#ffd5eb);grid-template-columns:.75fr 1.25fr;gap:8vw;padding:100px 7vw;display:grid;position:relative}.quiz-section>div:first-child p{color:var(--hot);margin:0 0 8px;font-family:Comic Sans MS,cursive;font-weight:900}.quiz-section>div:first-child h2{letter-spacing:-.05em;margin:0;font-family:Georgia,serif;font-size:clamp(46px,5.2vw,76px);font-weight:400;line-height:.9}.quiz-section>div:first-child span{color:#765f6a;margin-top:18px;font-family:Courier New,monospace;font-size:11px;display:block}.quiz-box{background:#fff;border:2px solid var(--ink);box-shadow:8px 8px var(--ink);padding:44px;position:relative}.quiz-progress{border-bottom:1px dashed #9f8391;color:#8a7480;text-transform:uppercase;letter-spacing:.12em;padding-bottom:16px;margin-bottom:24px;font-family:Courier New,monospace;font-size:9px;display:flex;justify-content:space-between}.quiz-question h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(22px,2.4vw,30px);line-height:1.2;margin:0 0 26px}.quiz-options{display:grid;gap:12px}.quiz-option{width:100%;text-align:left;background:var(--cream);border:2px solid var(--ink);cursor:pointer;padding:16px 20px;font-family:Georgia,serif;font-size:15px;transition:transform .12s,background .12s}.quiz-option:hover{background:var(--baby);transform:translate(-2px,-2px);box-shadow:4px 4px var(--ink)}.quiz-result{text-align:center}.quiz-result p.eyebrow{color:var(--hot);font-family:Comic Sans MS,cursive;font-weight:900;font-size:14px;margin:0 0 6px;transform:rotate(-2deg)}.quiz-result h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,3.6vw,46px);margin:0 0 16px;line-height:1}.quiz-result p.desc{font-size:15px;line-height:1.75;color:#4a2e3a;margin:0 auto 26px;max-width:440px}.quiz-result .quiz-badge{display:inline-block;background:var(--hot);color:#fff;font-family:Comic Sans MS,cursive;font-weight:800;font-size:12px;padding:8px 16px;transform:rotate(-2deg);margin-bottom:22px}.retake-btn{background:0 0;border:2px solid var(--ink);color:var(--ink);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:14px 26px;font-size:11px;font-weight:900}.retake-btn:hover{background:var(--ink);color:#fff}.playlist-section>div>p{color:var(--hot);margin:0 0 8px;font-family:Comic Sans MS,cursive;font-weight:900}.playlist-section h2{letter-spacing:-.06em;margin:0;font-family:Georgia,serif;font-size:clamp(52px,6vw,90px);font-weight:400;line-height:.82}.playlist-section>div>span{color:#765f6a;margin-top:22px;font-family:Courier New,monospace;font-size:11px;display:block}.playlist-section ol{border-top:2px solid #21121c;margin:0;padding:0;list-style:none}.playlist-section li{border-bottom:1px dashed #9f8391;grid-template-columns:45px 1fr 1fr;align-items:center;gap:15px;padding:17px 4px;display:grid}.playlist-section li span{color:var(--hot);font-family:Georgia,serif}.playlist-section li b{text-transform:uppercase;letter-spacing:.1em;font-size:9px}.playlist-section li em{color:#705864;justify-self:end;font-family:Georgia,serif;font-size:18px}footer{color:#785f6b;text-transform:uppercase;letter-spacing:.12em;background:#fff7ed;border-top:1px solid #bfaeb6;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px;padding:28px 7vw;font-size:8px;display:grid}footer p{text-align:center}footer a:last-child{text-align:right;color:var(--hot);font-weight:900}@media (width<=1000px){.movie-shelf{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){header{grid-template-columns:1fr 1fr}header nav{display:none}.hero{grid-template-columns:1fr;padding-top:90px}.hero-photo{min-height:500px}.about-section,.diary-preview,.diary-section,.camera-section,.outfit-section,.advice-section,.playlist-section,.quiz-section{grid-template-columns:1fr}.diary-section>.section-title{position:static}.newsletter{grid-template-columns:1fr}.doodle{display:none}.movie-heading{flex-direction:column;align-items:flex-start}.movie-shelf{grid-template-columns:repeat(2,1fr)}.movie-picker{grid-template-columns:1fr}.profile-window{justify-self:center;width:100%}}@media (width<=560px){header{padding:0 20px}.hero{min-height:auto;padding-left:20px;padding-right:20px}.title-lockup h1{font-size:66px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-photo{border-width:8px 8px 46px;min-height:390px}.about-section,.diary-preview,.diary-section,.camera-section,.movie-section,.outfit-section,.advice-section,.playlist-section,.quiz-section,.newsletter{padding-left:20px;padding-right:20px}.featured-post,.advice-card{padding:28px}.newsletter form{flex-direction:column}.newsletter form button{border-top:0;border-left:2px solid #fff}.guestbook-link{font-size:8px}.camera-stats{grid-template-columns:1fr}.advice-section aside{padding:25px}.quick-facts{grid-template-columns:1fr}.profile-body{min-height:340px}.profile-avatar{width:210px;height:250px;font-size:125px}.movie-shelf{grid-template-columns:1fr}.movie-picker{padding:20px}.playlist-section li{grid-template-columns:32px 1fr}.playlist-section li em{grid-column:2;justify-self:start}footer{grid-template-columns:1fr;padding-left:20px;padding-right:20px}footer p,footer a:last-child{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}}@media (width<=1000px){.movie-photo{height:270px}}@media (width<=560px){.movie-photo{height:420px}}

.weekly-rate-section{padding:90px 6vw;background:linear-gradient(180deg,#fff0f8 0%,#fffaf4 100%);border-top:3px double #281621;border-bottom:3px double #281621}.weekly-rate-heading{text-transform:uppercase;letter-spacing:.12em;display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.weekly-rate-heading p{font-size:11px;color:var(--hot);font-weight:800}.weekly-rate-heading h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4.6vw,62px);line-height:.95;text-transform:lowercase;margin:10px 0 0}.weekly-rate-heading span{max-width:320px;font-size:11px;font-weight:800;text-align:right}.rate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.rate-card{background:#fff;border:2px solid #24141f;box-shadow:7px 7px #24141f;overflow:hidden}.rate-photo{position:relative;aspect-ratio:3/4;overflow:hidden;background:#f4d8e8}.rate-photo img{width:100%;height:100%;object-fit:cover}.rate-sticker{position:absolute;top:14px;left:14px;background:var(--hot);color:#fff;font-size:10px;font-weight:900;padding:7px 10px;border:2px solid #24141f;transform:rotate(-4deg)}.rate-copy{padding:18px}.rate-copy p.fit-no{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--hot);margin-bottom:8px}.rate-copy h3{font-size:24px;line-height:1.05;margin-bottom:10px}.rate-copy .fit-desc{font-size:14px;line-height:1.55;margin-bottom:14px}.avg-score{display:inline-block;background:#fff7ed;border:1px solid #24141f;padding:7px 10px;font-size:11px;font-weight:800;text-transform:uppercase}.rate-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:15px}.rate-buttons button,.poll-options button{border:2px solid #24141f;background:#fff7ed;padding:10px 0;font-size:12px;font-weight:900;text-transform:uppercase;cursor:pointer;transition:.18s}.rate-buttons button:hover,.poll-options button:hover{background:var(--baby);transform:translateY(-2px)}.poll-box{margin-top:34px;background:#fff;border:2px solid #24141f;box-shadow:7px 7px #24141f;padding:26px}.poll-box p{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--hot);font-weight:900}.poll-box h3{font-family:Georgia,Times New Roman,serif;font-size:36px;line-height:1.02;margin:8px 0 10px}.poll-box .poll-sub{font-size:14px;line-height:1.55;max-width:760px}.poll-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.poll-option strong{display:block}.poll-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.poll-result-card{border:1px solid #24141f;background:#fffaf7;padding:14px}.poll-result-card b{display:block;font-size:12px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px}.poll-bar{height:12px;background:#f7d7e8;border:1px solid #24141f;position:relative;margin-bottom:7px}.poll-bar span{display:block;height:100%;background:linear-gradient(90deg,#ff87bf,#ee087c)}.poll-percentage{font-weight:800;font-size:13px}.thanks-note{margin-top:14px;font-size:12px;font-weight:800;color:var(--hot)}@media(max-width:950px){.rate-grid,.poll-options,.poll-results{grid-template-columns:1fr}.weekly-rate-heading{display:block}.weekly-rate-heading span{text-align:left;display:block;margin-top:10px}}

.page-directory{padding:70px 6vw;background:#fff7ed;border-top:3px double #252025;border-bottom:3px double #252025}.page-directory .directory-head p{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--hot);font-weight:800}.page-directory .directory-head h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,66px);line-height:.9;text-transform:lowercase;margin:8px 0 24px}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dir-card{background:#fff;border:2px solid #252025;box-shadow:6px 6px #252025;padding:22px;display:block;transition:.16s}.dir-card:hover{transform:translate(2px,2px);box-shadow:4px 4px #252025}.dir-card p{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--hot);font-weight:900}.dir-card h3{font-size:28px;line-height:1.02;margin:10px 0}.dir-card span{font-size:14px;line-height:1.55;display:block}.subpage-intro{padding:42px 6vw 10px}.subpage-intro .crumb{display:inline-block;background:#fff;border:1px solid #281621;padding:7px 10px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;box-shadow:2px 2px #281621;margin-bottom:15px}.subpage-intro h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,5vw,74px);line-height:.88;text-transform:lowercase}.subpage-intro p{max-width:640px;line-height:1.6;font-size:14px;margin-top:12px}.back-home{display:inline-flex;margin-top:18px;background:var(--hot);color:#fff;border:2px solid #26131f;padding:12px 16px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;box-shadow:4px 4px #26131f}.back-home:hover{transform:translate(2px,2px);box-shadow:2px 2px #26131f}.compact footer,.compact .newsletter{margin-top:50px}@media(max-width:900px){.directory-grid{grid-template-columns:1fr}}


/* profile badges */
.badge-section{padding:78px 6vw;background:linear-gradient(135deg,#fff7ed 0 55%,#ffd9eb 55%);border-top:3px double #252025;border-bottom:3px double #252025}.badge-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:26px}.badge-heading p,.bag-heading p{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--hot);font-weight:900}.badge-heading h2,.bag-heading h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,68px);line-height:.92;text-transform:lowercase;margin:7px 0 0}.badge-heading>span,.bag-heading>span{max-width:350px;font-size:12px;line-height:1.55;font-weight:800}.badge-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.site-badge{min-height:185px;background:#fff;border:2px solid #251620;box-shadow:5px 5px #251620;padding:16px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s;position:relative;overflow:hidden}.site-badge:before{content:"★";position:absolute;right:-5px;top:-15px;font-size:72px;color:#ffe0ef;z-index:0}.site-badge>*{position:relative;z-index:1}.site-badge.locked{filter:grayscale(1);opacity:.42}.site-badge.unlocked{background:linear-gradient(145deg,#fff,#ffd8eb);transform:rotate(-1deg)}.site-badge.unlocked:nth-child(even){transform:rotate(1deg)}.badge-icon{font-size:38px;margin-bottom:13px}.site-badge b{display:block;color:var(--hot);font-size:16px;text-transform:lowercase}.site-badge span{display:block;font-size:11px;line-height:1.35;margin:6px 0}.site-badge em{font-style:normal;text-transform:uppercase;font-size:9px;letter-spacing:.12em;font-weight:900}.site-badge.unlocked em{display:inline-block;background:var(--hot);color:#fff;padding:5px 7px}.badge-progress{margin-top:20px;background:#fff;border:2px solid #251620;padding:12px 14px;box-shadow:4px 4px #251620}.badge-progress>span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.badge-progress-track{height:12px;background:#f3d5e5;border:1px solid #251620;margin-top:9px;overflow:hidden}.badge-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#ff91c7,#ee087c);transition:width .4s}

/* what's in my bag */
.bag-section{padding:85px 6vw;background:#fff8f0;border-top:3px double #252025;border-bottom:3px double #252025}.bag-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}.bag-game{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:stretch}.bag-stage{min-height:520px;background:radial-gradient(#ffbfdd 1px,transparent 1px),linear-gradient(135deg,#ffe0ef,#fff);background-size:18px 18px,auto;border:2px solid #251620;box-shadow:7px 7px #251620;display:grid;place-items:center;position:relative;padding:50px 30px 30px}.bag-body{width:min(470px,90%);height:310px;border:4px solid #251620;border-radius:28px 28px 55px 55px;background:linear-gradient(145deg,#ff79b7,#e70b7d);box-shadow:inset 0 0 0 7px rgba(255,255,255,.25),11px 11px 0 #251620;position:relative}.bag-handle{position:absolute;top:76px;width:260px;height:150px;border:14px solid #251620;border-bottom:0;border-radius:150px 150px 0 0;z-index:0}.bag-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);font-family:Georgia,serif;color:#fff;font-size:25px;border:2px solid #fff;padding:7px 11px}.bag-item{position:absolute;width:86px;height:78px;background:#fff7ed;border:2px solid #251620;box-shadow:4px 4px #251620;border-radius:7px;font-size:31px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.18s;z-index:3}.bag-item:hover,.bag-item.seen{background:#fff1a8;transform:translateY(-6px) rotate(-3deg)}.bag-item small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin-top:3px}.item-gloss{left:8%;top:-12px;transform:rotate(-8deg)}.item-ipod{left:34%;bottom:-19px;transform:rotate(4deg)}.item-camera{right:7%;top:20px;transform:rotate(7deg)}.item-phone{right:10%;bottom:-23px;transform:rotate(-5deg)}.item-notebook{left:5%;bottom:32px;transform:rotate(5deg)}.bag-hint{position:absolute;bottom:16px;font-family:'Comic Sans MS',cursive;color:var(--hot);font-weight:900;transform:rotate(-3deg)}.bag-detail{background:#fff;border:2px solid #251620;box-shadow:7px 7px #251620;padding:28px;display:flex;flex-direction:column;justify-content:center;min-height:420px}.bag-detail .tiny-label{text-transform:uppercase;letter-spacing:.14em;color:var(--hot);font-size:9px;font-weight:900}.bag-detail-icon{font-size:68px;margin:18px 0 8px}.bag-detail h3{font-family:Georgia,Times New Roman,serif;font-size:34px;line-height:1;margin-bottom:13px}.bag-detail>p:not(.tiny-label){font-size:14px;line-height:1.65}.bag-detail>span{margin-top:20px;background:#ffd9eb;border:1px solid #251620;padding:8px 10px;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.1em}

.badge-toast{position:fixed;right:20px;bottom:20px;z-index:99999;background:#21121c;color:#fff;border:3px solid #fff;box-shadow:7px 7px var(--hot);padding:15px 18px;max-width:290px;transform:translateY(140%);opacity:0;transition:.3s}.badge-toast.show{transform:translateY(0);opacity:1}.badge-toast b{color:#ff8bc4;display:block;font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:5px}.badge-toast span{font-weight:900}
@media(max-width:1050px){.badge-shelf{grid-template-columns:repeat(2,1fr)}.bag-game{grid-template-columns:1fr}.bag-detail{min-height:280px}}@media(max-width:650px){.badge-heading,.bag-heading{display:block}.badge-heading>span,.bag-heading>span{display:block;margin-top:12px}.badge-shelf{grid-template-columns:1fr}.bag-stage{min-height:470px;padding-left:10px;padding-right:10px}.bag-body{height:280px}.bag-handle{width:210px;top:77px}.bag-item{width:72px;height:68px;font-size:26px}}

/* real-photo bag upgrade */
.bag-stage{min-height:560px;padding:34px 28px 44px;overflow:hidden}
.bag-stage .bag-handle,.bag-stage .bag-body{display:none!important}
.bag-photo{width:min(610px,94%);height:auto;display:block;filter:drop-shadow(11px 13px 0 #251620);position:relative;z-index:1;user-select:none;-webkit-user-drag:none}
.bag-photo-label{position:absolute;top:22px;left:26px;background:#fff7ed;border:2px solid #251620;box-shadow:3px 3px #251620;padding:7px 10px;font-family:'Comic Sans MS',cursive;color:var(--hot);font-size:13px;font-weight:900;transform:rotate(-3deg);z-index:4}
.bag-stage .bag-item{z-index:5;width:82px;height:74px;background:#fff9f1}
.bag-stage .item-gloss{left:12%;top:36%;transform:rotate(-9deg)}
.bag-stage .item-ipod{left:30%;bottom:18%;transform:rotate(5deg)}
.bag-stage .item-camera{right:15%;top:31%;transform:rotate(8deg)}
.bag-stage .item-phone{right:12%;bottom:18%;transform:rotate(-6deg)}
.bag-stage .item-notebook{left:45%;top:20%;transform:rotate(4deg)}
.bag-stage .bag-hint{z-index:6;bottom:12px;left:50%;transform:translateX(-50%) rotate(-2deg);white-space:nowrap;background:#fff7ed;padding:5px 9px;border:1px solid #251620}
@media(max-width:650px){.bag-stage{min-height:440px;padding:42px 8px 45px}.bag-photo{width:96%;filter:drop-shadow(6px 7px 0 #251620)}.bag-stage .bag-item{width:62px;height:58px;font-size:23px}.bag-stage .item-gloss{left:6%;top:39%}.bag-stage .item-ipod{left:27%;bottom:19%}.bag-stage .item-camera{right:7%;top:35%}.bag-stage .item-phone{right:8%;bottom:19%}.bag-stage .item-notebook{left:44%;top:23%}.bag-stage .bag-hint{font-size:10px;white-space:normal;width:88%;text-align:center}}


/* comments + weekly hallway report */
.comments-section{padding:85px 6vw;background:linear-gradient(180deg,#fffaf3,#ffeaf5);border-top:3px double #26131f;border-bottom:3px double #26131f}
.comments-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}.comments-heading p,.feedback-box>div:first-child p{color:var(--hot);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:900}.comments-heading h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,68px);line-height:.9;text-transform:lowercase;margin-top:8px}.comments-heading>span{max-width:360px;font-size:12px;font-weight:800;line-height:1.5;text-align:right}.comments-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.comment-wall,.comment-form,.feedback-box{background:#fff;border:2px solid #26131f;box-shadow:7px 7px #26131f}.comment-wall{padding:20px;min-height:420px}.comment-of-week{background:#fff2a8;border:1px solid #26131f;padding:16px;transform:rotate(-.4deg);margin-bottom:18px}.comment-of-week p{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--hot)}.comment-of-week blockquote{font-family:Georgia,Times New Roman,serif;font-size:22px;line-height:1.25;margin:8px 0}.comment-of-week span{font-size:11px;font-weight:800}.comment-list{display:grid;gap:10px}.comment-note{border-bottom:1px dashed #d8a7c0;padding:12px 5px}.comment-note:last-child{border-bottom:0}.comment-note-header{display:flex;justify-content:space-between;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.comment-note-header b{color:var(--hot)}.comment-note p{font-size:14px;line-height:1.5;margin:7px 0}.comment-note small{color:#7e5a70}.comment-form{padding:22px}.comment-form .tiny-label{color:var(--hot);text-transform:uppercase;font-size:10px;letter-spacing:.14em;font-weight:900}.comment-form label{display:block;margin-top:13px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.comment-form input,.comment-form textarea,.comment-form select{display:block;width:100%;margin-top:6px;border:1px solid #26131f;background:#fffaf5;padding:11px;color:var(--ink)}.comment-form textarea{min-height:110px;resize:vertical}.comment-form button,.feedback-options button{border:2px solid #26131f;background:var(--hot);color:#fff;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:900;padding:12px 15px;box-shadow:4px 4px #26131f;margin-top:15px;cursor:pointer}.comment-form button:hover,.feedback-options button:hover{transform:translate(2px,2px);box-shadow:2px 2px #26131f}.comment-privacy{display:block;margin-top:12px;font-size:9px;color:#806878}.feedback-box{margin-top:28px;padding:22px;display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:center}.feedback-box h3{font-family:Georgia,Times New Roman,serif;font-size:30px;margin:5px 0}.feedback-box span{font-size:11px}.feedback-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feedback-options button{margin:0;background:#fff7ed;color:var(--ink)}.feedback-options button.selected{background:var(--hot);color:white}.feedback-result{grid-column:1/-1;font-size:11px;font-weight:900;color:var(--hot);text-align:right}.newsletter#guestbook{background:linear-gradient(135deg,#20151d 0 55%,#ee087c 55%);color:#fff}.newsletter#guestbook h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,4.5vw,62px);line-height:.95;text-transform:lowercase}.newsletter#guestbook .weekly-copy>p{letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:900}.newsletter#guestbook form small{display:block;margin-top:10px;font-size:10px;line-height:1.45}.newsletter#guestbook .weekly-status{margin-top:12px;font-size:11px;font-weight:900}.site-badge[data-badge-card="inbox-insider"].unlocked{background:linear-gradient(135deg,#fff0f8,#ffd8ec)}
@media(max-width:900px){.comments-heading{display:block}.comments-heading>span{display:block;text-align:left;margin-top:10px}.comments-layout,.feedback-box{grid-template-columns:1fr}.feedback-options{grid-template-columns:1fr 1fr}.feedback-result{text-align:left}}
@media(max-width:560px){.feedback-options{grid-template-columns:1fr}}

/* secret-page + weekly-winner upgrade */
.hero-logo,.mini-logo{cursor:pointer}
.secret-hint{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9d7088;margin-top:8px;opacity:.8}
.rate-card{position:relative}
.weekly-winner{
  position:absolute;z-index:4;right:12px;top:12px;background:#fff45b;color:#e50778;
  border:2px solid #24141f;padding:8px 10px;font-size:10px;font-weight:900;
  letter-spacing:.09em;text-transform:uppercase;transform:rotate(3deg);box-shadow:3px 3px #24141f
}
.secret-page{min-height:100vh;background:
  radial-gradient(#f5aacd 1px,transparent 1px) 0 0/18px 18px,
  linear-gradient(135deg,#fff8ef,#ffd6e9)}
.secret-hero{padding:70px 6vw 45px;border-bottom:3px double #25141e;position:relative;overflow:hidden}
.secret-hero:after{content:"PRIVATE";position:absolute;right:-25px;top:30px;font-family:Georgia,serif;font-size:clamp(90px,16vw,220px);font-weight:900;color:#ffb8d8;opacity:.32;transform:rotate(-8deg)}
.secret-hero>*{position:relative;z-index:1}
.secret-hero .tiny{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--hot);font-weight:900}
.secret-hero h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(56px,8vw,118px);line-height:.78;margin:14px 0 20px;text-transform:lowercase}
.secret-hero h1 i{color:var(--hot);font-family:"Comic Sans MS",cursive;font-size:.65em}
.secret-hero p{font-family:"Courier New",monospace;font-weight:700;max-width:650px;line-height:1.7}
.secret-grid{padding:55px 6vw 90px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.secret-card{background:#fff;border:2px solid #25141e;box-shadow:7px 7px #25141e;padding:24px;position:relative}
.secret-card:nth-child(2n){transform:rotate(1deg)}.secret-card:nth-child(2n+1){transform:rotate(-.7deg)}
.secret-card .label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--hot);font-weight:900}
.secret-card h2{font-family:Georgia,Times New Roman,serif;font-size:34px;margin:8px 0 13px}
.secret-card p,.secret-card li{font-size:14px;line-height:1.65}
.secret-card ul,.secret-card ol{padding-left:20px}
.secret-card li{margin:8px 0}
.secret-lock-badge{display:inline-flex;gap:8px;align-items:center;background:#ffedf7;border:1px solid #25141e;padding:8px 10px;margin-top:16px;font-size:11px;font-weight:900}
.secret-back{display:inline-flex;margin-top:22px;background:var(--hot);color:#fff;border:2px solid #25141e;padding:12px 16px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900;box-shadow:4px 4px #25141e}
@media(max-width:800px){.secret-grid{grid-template-columns:1fr}}

/* separate comments / admin pages */
.community-admin-callout{
  margin:45px 6vw 85px;background:#fff;border:2px solid #26131f;box-shadow:7px 7px #26131f;
  padding:26px;display:grid;grid-template-columns:1fr auto;gap:14px 24px;align-items:center
}
.community-admin-callout p{grid-column:1/-1;color:var(--hot);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.community-admin-callout h2{font-family:Georgia,Times New Roman,serif;font-size:32px;margin:0}
.community-admin-callout span{font-size:13px;line-height:1.55}
.community-admin-callout a{background:var(--hot);color:#fff;border:2px solid #26131f;padding:12px 16px;box-shadow:4px 4px #26131f;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}

.admin-hero{padding:70px 6vw 45px;background:linear-gradient(135deg,#fff9f1 0 63%,#ffd1e8 63%);border-bottom:3px double #26131f;display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:center}
.admin-eyebrow{color:var(--hot);font-family:"Courier New",monospace;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.admin-hero h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,6vw,88px);line-height:.83;text-transform:lowercase;margin:12px 0 18px}
.admin-hero>div>p:last-child{max-width:650px;line-height:1.65;font-size:14px}
.admin-status-card{background:#21121c;color:#fff;border:3px solid #fff;outline:2px solid #21121c;padding:24px;box-shadow:8px 8px #ee087c;transform:rotate(1.5deg)}
.admin-status-card span{color:#8cff75;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}
.admin-status-card b,.admin-status-card small{display:block;margin-top:10px}
.admin-status-card small{color:#ffd5eb;line-height:1.5}

.admin-form-section{padding:55px 6vw 100px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.admin-form,.admin-faq{background:#fff;border:2px solid #26131f;box-shadow:7px 7px #26131f;padding:26px}
.admin-form-head p,.admin-faq>p{color:var(--hot);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:900}
.admin-form-head h2{font-family:Georgia,Times New Roman,serif;font-size:34px;margin:7px 0 20px}
.admin-form label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;margin:16px 0}
.admin-form input,.admin-form select,.admin-form textarea{
  display:block;width:100%;margin-top:7px;background:#fff9f3;border:2px solid #26131f;padding:12px;font-size:13px;text-transform:none;letter-spacing:normal;font-weight:500
}
.admin-form textarea{min-height:150px;resize:vertical}
.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.admin-check{display:flex!important;align-items:center;gap:10px;text-transform:none!important;letter-spacing:normal!important;font-size:12px!important}
.admin-check input{width:auto!important;margin:0!important}
.admin-safety-note{background:#fff0f7;border:1px dashed #ee087c;padding:14px;margin:18px 0;display:grid;gap:5px;font-size:12px;line-height:1.5}
.admin-safety-note b{color:var(--hot)}
.admin-send{background:var(--hot);color:#fff;border:2px solid #26131f;padding:14px 18px;box-shadow:5px 5px #26131f;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.admin-send:hover{transform:translate(2px,2px);box-shadow:3px 3px #26131f}
.admin-form-status{margin-top:16px;padding:11px 13px;min-height:18px;font-size:12px;font-weight:800}
.admin-form-status.success{background:#eaffdf;border:1px solid #4e9e45}.admin-form-status.error{background:#fff0f4;border:1px solid #d73775}.admin-form-status.sending{background:#fff6ca;border:1px solid #8f7f22}
.admin-form-status button{border:0;background:transparent;color:var(--hot);text-decoration:underline;font-weight:900;cursor:pointer}
.admin-setup-note{margin-bottom:18px;padding:12px;font-size:11px;line-height:1.5}
.admin-setup-note.ready{background:#eaffdf;border:1px solid #4e9e45}.admin-setup-note.warning{background:#fff6ca;border:1px solid #8f7f22}
.admin-setup-note code{font-family:"Courier New",monospace;background:#fff;padding:2px 4px}
.admin-faq h3{font-family:Georgia,Times New Roman,serif;font-size:32px;margin:7px 0 16px}
.admin-faq ul{list-style:none;padding:0;margin:0}
.admin-faq li{border-top:1px dashed #d8b6c8;padding:13px 0}
.admin-faq li b,.admin-faq li span{display:block;font-size:12px;line-height:1.45}
.admin-faq li b{color:#6d3858;margin-bottom:4px}
.admin-faq>a{display:block;margin-top:16px;color:var(--hot);font-size:11px;font-weight:900;text-decoration:underline}

@media(max-width:900px){
  .admin-hero,.admin-form-section{grid-template-columns:1fr}
  .admin-two-col{grid-template-columns:1fr}
  .community-admin-callout{grid-template-columns:1fr}
}

.contact-divider{
  margin:65px 6vw 18px;padding:26px 0 8px;border-top:3px double #26131f;
}
.contact-divider p{
  color:var(--hot);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase
}
.contact-divider h2{
  font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4vw,56px);line-height:.95;margin:8px 0 10px
}
.contact-divider span{font-size:13px;line-height:1.55}

/* secret hear-me-out wall */
.hear-wall{
  margin:0 6vw 100px;background:#24131d;color:#fff;border:3px solid #fff;
  outline:2px solid #24131d;box-shadow:10px 10px #ee087c;padding:28px;
  background-image:radial-gradient(#ff71b6 1px,transparent 1px);background-size:20px 20px
}
.hear-head{display:grid;grid-template-columns:1fr 330px;gap:24px;align-items:stretch;margin-bottom:24px}
.hear-head>div:first-child{background:#fff;color:#24131d;padding:22px;border:2px solid #24131d}
.hear-head p{color:var(--hot);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.hear-head h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,70px);line-height:.88;margin:7px 0 12px;text-transform:lowercase}
.hear-head span{font-size:13px;line-height:1.55}
.hear-weekly{
  background:#ffec58;color:#24131d;border:2px solid #24131d;padding:20px;
  box-shadow:5px 5px #ff3b9d;transform:rotate(1.5deg)
}
.hear-weekly span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;color:#ee087c}
.hear-weekly b{display:block;font-family:Georgia,Times New Roman,serif;font-size:24px;line-height:1.1;margin:13px 0}
.hear-weekly small{font-size:11px;font-weight:800}
.hear-layout{display:grid;grid-template-columns:330px 1fr;gap:22px;align-items:start}
.hear-form{background:#fff;color:#24131d;border:2px solid #24131d;padding:20px;box-shadow:5px 5px #ff3b9d}
.hear-form .label{font-size:10px;color:var(--hot);font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.hear-form label{display:block;margin:14px 0;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.hear-form input,.hear-form textarea,.hear-form select{
  display:block;width:100%;margin-top:6px;background:#fff8ef;border:2px solid #24131d;padding:11px;
  font-size:13px;text-transform:none;letter-spacing:normal;font-weight:500
}
.hear-form textarea{min-height:110px;resize:vertical}
.hear-form button,.hear-toolbar button{
  border:2px solid #24131d;background:#ee087c;color:#fff;padding:11px 13px;
  box-shadow:3px 3px #24131d;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em
}
.hear-rule{display:block;color:#7e5d70;font-size:10px!important;line-height:1.45;margin-top:14px}
.hear-feed-wrap{background:#fff;color:#24131d;border:2px solid #24131d;padding:18px;min-height:400px}
.hear-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:2px dashed #e1b6cb}
.hear-toolbar span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#8d6079}
.hear-toolbar button{background:#fff;color:#ee087c;box-shadow:none}
.hear-feed{display:grid;gap:14px;margin-top:16px}
.hear-post{border:2px solid #24131d;background:#fff8ef;padding:16px;position:relative}
.hear-post:nth-child(even){background:#fff0f7}
.hear-post-top{display:flex;justify-content:space-between;gap:10px;align-items:start}
.hear-post-top b{font-size:12px;color:#ee087c}
.hear-cat{font-size:9px;background:#24131d;color:#fff;padding:5px 7px;text-transform:uppercase;letter-spacing:.08em}
.hear-post-text{font-family:Georgia,Times New Roman,serif;font-size:21px;line-height:1.2;margin:13px 0}
.hear-reactions{display:flex;flex-wrap:wrap;gap:8px}
.hear-reactions button{
  border:1px solid #24131d;background:#fff;padding:7px 9px;font-size:10px;font-weight:900;cursor:pointer
}
.hear-reactions button:hover{background:#ffd7ea}
.hear-reactions button.voted{background:#ffec58}
.hear-score{margin-left:auto;font-size:10px;font-weight:900;color:#8c6078}
.hear-random-focus{animation:hearFlash .8s ease}
@keyframes hearFlash{0%,100%{transform:scale(1)}50%{transform:scale(1.02);box-shadow:0 0 0 7px #ffb7da}}
@media(max-width:900px){
  .hear-head,.hear-layout{grid-template-columns:1fr}
}

/* favorite movie wall */
.favorite-movie-section{
  padding:70px 6vw 95px;background:#fff0f7;border-top:3px double #26131f
}
.favorite-movie-head{
  display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:end;margin-bottom:24px
}
.favorite-movie-head>div:first-child p{
  color:var(--hot);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em
}
.favorite-movie-head h2{
  font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,64px);line-height:.92;margin:8px 0 10px;text-transform:lowercase
}
.favorite-movie-head>div:first-child span{font-size:13px;line-height:1.55}
.movie-badge-tease{
  background:#ffed5f;border:2px solid #26131f;padding:18px;box-shadow:5px 5px #26131f;transform:rotate(1deg)
}
.movie-badge-tease span,.movie-badge-tease b,.movie-badge-tease small{display:block}
.movie-badge-tease span{color:var(--hot);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.movie-badge-tease b{font-size:17px;margin:8px 0}.movie-badge-tease small{font-size:11px}
.favorite-movie-layout{display:grid;grid-template-columns:340px 1fr;gap:20px}
.favorite-movie-form,.favorite-movie-wall{
  background:#fff;border:2px solid #26131f;box-shadow:6px 6px #26131f;padding:20px
}
.favorite-movie-form label{
  display:block;margin-bottom:14px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em
}
.favorite-movie-form input,.favorite-movie-form textarea{
  display:block;width:100%;margin-top:6px;background:#fff9f1;border:2px solid #26131f;padding:11px;font-size:13px;
  text-transform:none;letter-spacing:normal;font-weight:500
}
.favorite-movie-form textarea{min-height:100px;resize:vertical}
.favorite-movie-form button{
  background:var(--hot);color:#fff;border:2px solid #26131f;box-shadow:4px 4px #26131f;
  padding:12px 14px;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase
}
.favorite-movie-status{font-size:11px;font-weight:900;color:var(--hot);margin-top:14px}
.favorite-wall-top{display:flex;justify-content:space-between;gap:12px;border-bottom:2px dashed #e4b7cc;padding-bottom:12px;margin-bottom:13px}
.favorite-wall-top span{color:var(--hot);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.favorite-wall-top b{font-size:11px}
.favorite-movie-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.favorite-movie-note{background:#fff8e9;border:1px solid #26131f;padding:14px}
.favorite-movie-note:nth-child(3n+2){background:#ffeaf4;transform:rotate(.5deg)}
.favorite-movie-note b{font-family:Georgia,Times New Roman,serif;font-size:18px}
.favorite-movie-note span{display:block;color:#a36a87;font-size:10px;margin-top:3px}
.favorite-movie-note p{font-size:12px;line-height:1.5;margin-top:9px}
@media(max-width:900px){
  .favorite-movie-head,.favorite-movie-layout{grid-template-columns:1fr}
  .favorite-movie-feed{grid-template-columns:1fr}
}

/* calmer pink-list footer block */
.newsletter{background:linear-gradient(135deg,#21121c,#4b1935)!important}
.newsletter .weekly-copy h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4vw,54px);line-height:.95;text-transform:lowercase}
.newsletter .weekly-copy>p{color:#ff87be!important}
.newsletter form{background:#fff7ed;padding:18px;border:2px solid #fff}
.newsletter form input{background:#fff!important;border:2px solid #21121c!important}
.newsletter form small{color:#6d465c!important}

/* private embarrassing-moment submission */
.private-confession{
  margin:0 6vw 100px;padding:28px;background:linear-gradient(135deg,#fff7ed,#ffd6e9);
  border:3px solid #26131f;box-shadow:10px 10px #ee087c
}
.confession-head{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:end;margin-bottom:24px}
.confession-head p{color:var(--hot);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.confession-head h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,64px);line-height:.92;margin:8px 0 10px;text-transform:lowercase}
.confession-head span{font-size:13px;line-height:1.55}
.confession-prize{background:#21121c;color:#fff;border:3px solid #fff;outline:2px solid #21121c;padding:18px;transform:rotate(1deg)}
.confession-prize span,.confession-prize b,.confession-prize small{display:block}
.confession-prize span{color:#ff87be;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.confession-prize b{font-size:17px;margin:9px 0}.confession-prize small{font-size:11px;line-height:1.45}
.confession-layout{display:grid;grid-template-columns:1fr 310px;gap:22px;align-items:start}
.confession-form,.confession-note{background:#fff;border:2px solid #26131f;box-shadow:6px 6px #26131f;padding:22px}
.confession-form label{display:block;margin-bottom:15px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.confession-form input,.confession-form textarea{
  display:block;width:100%;margin-top:6px;background:#fff9f1;border:2px solid #26131f;padding:11px;
  font-size:13px;text-transform:none;letter-spacing:normal;font-weight:500
}
.confession-form textarea{min-height:160px;resize:vertical}
.confession-check{display:flex!important;gap:9px;align-items:flex-start;text-transform:none!important;letter-spacing:normal!important;font-size:12px!important}
.confession-check input{width:auto!important;margin:2px 0 0!important}
.confession-rule{background:#fff0f6;border:1px dashed #ee087c;padding:13px;margin:17px 0;display:grid;gap:5px;font-size:11px;line-height:1.5}
.confession-rule b{color:var(--hot)}
.confession-form button{
  background:var(--hot);color:#fff;border:2px solid #26131f;box-shadow:4px 4px #26131f;
  padding:12px 15px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em
}
.confession-status{margin-top:14px;padding:10px;font-size:11px;font-weight:900}
.confession-status.success{background:#eaffdf;border:1px solid #4c9d43}
.confession-status.error{background:#fff0f4;border:1px solid #d73775}
.confession-status.sending{background:#fff6ca;border:1px solid #887815}
.confession-status a{color:var(--hot);text-decoration:underline}
.confession-note p{color:var(--hot);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}
.confession-note h3{font-family:Georgia,Times New Roman,serif;font-size:29px;margin:8px 0 14px}
.confession-note ol{padding-left:20px}.confession-note li{font-size:12px;line-height:1.5;margin:10px 0}
.confession-stamp{display:block;margin-top:20px;color:#ee087c;font-size:9px;font-weight:900;letter-spacing:.12em;transform:rotate(-2deg)}
@media(max-width:900px){.confession-head,.confession-layout{grid-template-columns:1fr}}

/* directory contact strip */
.directory-contact-strip{
  margin-top:20px;background:linear-gradient(90deg,#ee087c,#ff72b9);color:#fff;
  border:2px solid #24141f;box-shadow:6px 6px #24141f;padding:18px 22px;
  display:flex;justify-content:space-between;align-items:center;gap:20px
}
.directory-contact-strip p{font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:900}
.directory-contact-strip h3{font-family:Georgia,Times New Roman,serif;font-size:27px;margin:4px 0}
.directory-contact-strip span{font-size:12px;line-height:1.45}
.directory-contact-strip>b{white-space:nowrap;font-size:10px;letter-spacing:.1em;text-transform:uppercase}

/* optional local member profile */
.member-section{
  padding:75px 6vw 95px;background:linear-gradient(135deg,#fff7ed 0 60%,#ffd5e9 60%);
  border-top:3px double #26131f;border-bottom:3px double #26131f
}
.member-heading{display:grid;grid-template-columns:1fr 300px;gap:25px;align-items:end;margin-bottom:24px}
.member-heading>div:first-child p{color:var(--hot);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.member-heading h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,5vw,66px);line-height:.92;margin:8px 0 10px;text-transform:lowercase}
.member-heading>div:first-child span{font-size:13px;line-height:1.55}
.member-preview{
  background:#21121c;color:#fff;border:3px solid #fff;outline:2px solid #21121c;
  box-shadow:6px 6px #ee087c;padding:18px;display:flex;align-items:center;gap:13px;transform:rotate(1deg)
}
.member-avatar{font-size:42px}.member-preview small,.member-preview b{display:block}.member-preview small{color:#ff9bc9;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.member-preview b{font-size:18px;margin-top:4px}
.member-layout{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}
.member-form,.member-benefits{background:#fff;border:2px solid #26131f;box-shadow:6px 6px #26131f;padding:22px}
.member-form label{display:block;margin-bottom:14px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.member-form label span{color:#9f748a;font-weight:500;text-transform:none;letter-spacing:normal}
.member-form input,.member-form select{
  display:block;width:100%;margin-top:6px;background:#fff9f1;border:2px solid #26131f;padding:11px;
  font-size:13px;text-transform:none;letter-spacing:normal;font-weight:500
}
.member-form button{
  background:var(--hot);color:#fff;border:2px solid #26131f;box-shadow:4px 4px #26131f;
  padding:12px 15px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-right:8px;margin-top:4px
}
.member-form .member-secondary{background:#fff;color:#26131f}
.member-note{font-size:10px;color:#7e6271;line-height:1.5;margin-top:14px}
.member-status{font-size:11px;font-weight:900;color:var(--hot);margin-top:12px}
.member-benefits>p{color:var(--hot);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}
.member-benefits h3{font-family:Georgia,Times New Roman,serif;font-size:30px;margin:8px 0 14px}
.member-benefits ul{padding-left:20px}.member-benefits li{font-size:12px;line-height:1.5;margin:10px 0}
.member-warning{background:#fff0f6;border:1px dashed #ee087c;padding:12px;font-size:11px;line-height:1.45;display:grid;gap:4px}.member-warning b{color:var(--hot)}
.member-chip{justify-self:end;font-size:9px;color:#8e5d75;letter-spacing:.09em;text-transform:uppercase;margin-right:12px}
.hidden{display:none!important}
@media(max-width:900px){
  .member-heading,.member-layout{grid-template-columns:1fr}
  .directory-contact-strip{display:block}
  .directory-contact-strip>b{display:block;margin-top:12px}
  .member-chip{display:none}
}

/* real profile picture picker */
.member-avatar-field{margin:16px 0}
.member-avatar-label{
  display:block;margin-bottom:8px;font-size:10px;font-weight:900;
  text-transform:uppercase;letter-spacing:.1em
}
.member-avatar-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px
}
.member-avatar-option{
  padding:0;border:3px solid #26131f;background:#fff;aspect-ratio:1/1;
  overflow:hidden;cursor:pointer;box-shadow:3px 3px #26131f;transition:.15s
}
.member-avatar-option img{
  width:100%;height:100%;object-fit:cover;display:block
}
.member-avatar-option:hover{
  transform:translate(1px,1px);box-shadow:2px 2px #26131f
}
.member-avatar-option.selected{
  border-color:#ee087c;outline:4px solid #ffc6df;transform:rotate(-2deg)
}
.member-avatar-img{
  width:58px;height:58px;object-fit:cover;border-radius:50%;
  border:3px solid #fff;outline:2px solid #ee087c;flex:0 0 auto
}
@media(max-width:650px){
  .member-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* registered member comment styling */
.registered-comment-name{
  color:#ff8fc6 !important;
  font-weight:900 !important;
  text-shadow:0 1px 0 #fff;
}
.member-mini-label{
  display:inline-block;
  margin-left:7px;
  padding:2px 6px;
  border:1px solid #f3a7ca;
  background:#fff0f7;
  color:#e96ba9;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  vertical-align:middle;
  transform:rotate(-1deg);
}

/* compact top-right optional join modal */
header{
  grid-template-columns:1fr auto auto auto!important;
  column-gap:14px;
}

.header-join-btn{
  justify-self:end;
  border:2px solid #24141f;
  background:#ff5fab;
  color:#fff;
  box-shadow:3px 3px #24141f;
  padding:8px 13px;
  min-height:36px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}
.header-join-btn:hover{transform:translate(1px,1px);box-shadow:2px 2px #24141f}
.header-join-btn.member-active{
  background:#fff0f7;color:#ee087c;text-transform:none;letter-spacing:0;
  font-size:10px;padding:5px 10px
}
.header-join-btn.member-active img{
  width:25px;height:25px;border-radius:50%;object-fit:cover;border:1px solid #ee087c
}

.member-modal{
  position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px
}
.member-modal-backdrop{
  position:absolute;inset:0;background:rgba(37,18,29,.55);backdrop-filter:blur(5px)
}
.member-modal-card{
  width:min(500px,94vw);
  max-height:88vh;
  overflow:auto;
  position:relative;
  z-index:2;
  background:#fff8ef;
  border:3px solid #24141f;
  box-shadow:10px 10px #ee087c;
  padding:22px;
}
.member-modal-top{
  display:flex;justify-content:space-between;align-items:flex-start;gap:20px;
  border-bottom:2px dashed #e4b7cc;padding-bottom:14px;margin-bottom:15px
}
.member-modal-top p{
  color:#ee087c;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase
}
.member-modal-top h2{
  font-family:Georgia,Times New Roman,serif;
  font-size:32px;line-height:.92;margin:6px 0 0;text-transform:lowercase
}
.member-modal-close{
  border:2px solid #24141f;background:#fff;color:#ee087c;width:34px;height:34px;
  font-size:20px;font-weight:900;cursor:pointer;box-shadow:2px 2px #24141f
}
.member-modal-preview{
  display:flex;align-items:center;gap:12px;background:#24141f;color:#fff;padding:12px;
  border:3px solid #fff;outline:2px solid #24141f;margin-bottom:16px
}
.member-modal-avatar{
  width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid #fff
}
.member-modal-preview small,.member-modal-preview b{display:block}
.member-modal-preview small{color:#ff9cca;font-size:8px;text-transform:uppercase;letter-spacing:.12em}
.member-modal-preview b{font-size:16px;margin-top:3px}
.member-modal-form label,
.member-modal-label{
  display:block;margin:12px 0 6px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em
}
.member-modal-form label span{color:#9c7387;font-weight:500;text-transform:none;letter-spacing:0}
.member-modal-form input{
  display:block;width:100%;margin-top:6px;border:2px solid #24141f;background:#fff;padding:10px;font-size:13px
}
.member-modal-avatar-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px
}
.member-modal-avatar-option{
  padding:0;border:2px solid #24141f;background:#fff;aspect-ratio:1/1;overflow:hidden;
  cursor:pointer;box-shadow:2px 2px #24141f
}
.member-modal-avatar-option img{width:100%;height:100%;object-fit:cover;display:block}
.member-modal-avatar-option.selected{outline:4px solid #ffc5df;border-color:#ee087c;transform:rotate(-2deg)}
.member-modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.member-modal-save,.member-modal-remove{
  border:2px solid #24141f;padding:10px 13px;font-size:9px;font-weight:900;
  text-transform:uppercase;letter-spacing:.09em;box-shadow:3px 3px #24141f;cursor:pointer
}
.member-modal-save{background:#ee087c;color:#fff}
.member-modal-remove{background:#fff;color:#24141f}
.member-modal-note{font-size:9px;color:#806271;line-height:1.45;margin-top:13px}
.member-modal-status{font-size:10px;font-weight:900;color:#ee087c;margin-top:10px;min-height:12px}
.member-modal-open{overflow:hidden}
.hidden{display:none!important}

@media(max-width:850px){
  header{grid-template-columns:1fr auto!important}
  header nav{grid-column:1/-1;order:2;overflow-x:auto}
  .mini-logo{order:0}
  .guestbook-link{display:none}
  .header-join-btn{order:1}
}
@media(max-width:520px){
  .member-modal-avatar-grid{grid-template-columns:repeat(4,1fr)}
  .member-modal-card{padding:16px}
}

/* admin-only profile styling */
.header-join-btn.admin-active{
  background:linear-gradient(135deg,#fff0f8,#ffd1e8);
  color:#ee087c;
  border-color:#ee087c;
  box-shadow:3px 3px #24141f, 0 0 0 3px #ffc6df;
}
.header-admin-tag{
  font-style:normal;
  font-size:8px;
  font-weight:900;
  letter-spacing:.09em;
  color:#ee087c;
  background:#fff;
  border:1px solid #ee087c;
  padding:2px 5px;
  margin-left:3px;
}
.member-modal-avatar.admin-avatar{
  border:3px solid #fff;
  outline:3px solid #ee087c;
  box-shadow:0 0 0 5px #ffc6df, 0 0 14px rgba(238,8,124,.35);
}
.admin-comment-name{
  color:#ff4fa7 !important;
  font-weight:900 !important;
  text-shadow:0 1px 0 #fff, 0 0 8px rgba(255,79,167,.25);
}
.admin-mini-label{
  display:inline-block;
  margin-left:7px;
  padding:2px 7px;
  border:1px solid #ee087c;
  background:linear-gradient(135deg,#fff,#ffd2e8);
  color:#ee087c;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  vertical-align:middle;
  box-shadow:1px 1px #24141f;
  transform:rotate(-1deg);
}

/* admin update toast/banner */
.admin-update-banner{
  position:fixed;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  z-index:99998;
  width:min(720px,calc(100vw - 28px));
  background:linear-gradient(135deg,#fff7ed,#ffd6e8);
  color:#24131d;
  border:3px solid #24131d;
  box-shadow:7px 7px #ee087c;
  padding:14px 52px 14px 16px;
  display:flex;
  align-items:center;
  gap:12px;
  overflow:hidden;
}
.admin-update-icon{
  width:42px;height:42px;display:grid;place-items:center;
  background:#ee087c;color:#fff;border:2px solid #24131d;
  font-size:20px;flex:0 0 auto
}
.admin-update-copy span,.admin-update-copy b{display:block}
.admin-update-copy span{
  color:#ee087c;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase
}
.admin-update-copy b{font-size:13px;margin-top:3px;line-height:1.35}
.admin-update-banner>button{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  border:2px solid #24131d;background:#fff;width:30px;height:30px;
  font-size:17px;font-weight:900;cursor:pointer
}
.admin-update-timer{
  position:absolute;left:0;right:0;bottom:0;height:4px;background:#ee087c;
  transform-origin:left center;transform:scaleX(1)
}
.admin-update-play .admin-update-timer{animation:adminUpdateTimer 10s linear forwards}
@keyframes adminUpdateTimer{to{transform:scaleX(0)}}

.header-admin-update-btn{
  border:2px solid #24131d;background:#fff0f7;color:#ee087c;
  padding:8px 11px;box-shadow:3px 3px #24131d;
  font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;cursor:pointer
}
.header-admin-update-btn:hover{transform:translate(1px,1px);box-shadow:2px 2px #24131d}

/* admin update editor */
.admin-update-composer{
  position:fixed;inset:0;z-index:99999;background:rgba(36,19,29,.58);
  display:grid;place-items:center;padding:18px;backdrop-filter:blur(5px)
}
.admin-update-composer-card{
  width:min(480px,94vw);background:#fff8ef;border:3px solid #24131d;
  box-shadow:9px 9px #ee087c;padding:20px
}
.admin-update-composer-top{
  display:flex;justify-content:space-between;gap:18px;align-items:start;
  border-bottom:2px dashed #e5b6cd;padding-bottom:12px;margin-bottom:14px
}
.admin-update-composer-top p{
  color:#ee087c;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase
}
.admin-update-composer-top h3{
  font-family:Georgia,Times New Roman,serif;font-size:28px;margin:5px 0 0;text-transform:lowercase
}
.admin-update-composer-top button{
  border:2px solid #24131d;background:#fff;width:32px;height:32px;font-size:18px;font-weight:900
}
.admin-update-composer label{
  display:block;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em
}
.admin-update-composer textarea{
  display:block;width:100%;min-height:120px;margin-top:7px;border:2px solid #24131d;
  background:#fff;padding:11px;font-size:13px;resize:vertical
}
.admin-update-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.admin-update-actions button{
  border:2px solid #24131d;padding:10px 12px;font-size:9px;font-weight:900;
  text-transform:uppercase;letter-spacing:.08em;box-shadow:3px 3px #24131d;cursor:pointer
}
#saveAdminUpdate{background:#ee087c;color:#fff}
#clearAdminUpdate{background:#fff;color:#24131d}
.admin-update-note{font-size:9px;color:#7f6171;line-height:1.45;margin-top:13px}

/* bigger email signup box */
.weekly-form-large{
  padding:26px!important;
  min-width:min(100%,520px);
}
.weekly-email-large{
  min-height:58px!important;
  font-size:16px!important;
  padding:0 16px!important;
  width:100%!important;
}
.weekly-form-large button{
  min-height:52px!important;
  font-size:11px!important;
  padding:0 20px!important;
}
.weekly-form-large small{
  display:block!important;
  margin-top:10px!important;
  font-size:10px!important;
}
@media(max-width:700px){
  .admin-update-banner{top:10px}
  .weekly-form-large{min-width:0}
}

/* admin update banner profile picture */
.admin-update-icon{
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:3px solid #fff!important;
  outline:2px solid #ee087c!important;
  box-shadow:0 0 0 3px #ffc6df!important;
  flex:0 0 48px!important;
}
.admin-update-avatar{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:50%;
}
.admin-update-copy span{
  color:#ee087c!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

/* Supabase real-account auth tabs */
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 14px}
.auth-tabs button{
  border:2px solid #24141f;background:#fff;color:#6c4659;padding:9px;
  font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;cursor:pointer
}
.auth-tabs button.active{background:#ee087c;color:#fff;box-shadow:3px 3px #24141f}
.member-modal-status.success{color:#398334}.member-modal-status.error{color:#c52f69}
.member-modal-save:disabled{opacity:.55;cursor:wait}

/* real global comments */
.global-comments-loading,.global-comments-empty,.global-comments-error{
  padding:18px;background:#fff7ed;border:1px dashed #dba8c1;font-size:12px
}
.global-comment-user{display:flex;align-items:center;gap:10px}
.global-comment-user img{
  width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #fff;outline:1px solid #ee87ba
}
.global-comment-user>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.global-comment-meta{
  display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;
  border-top:1px dashed #e5bed1;padding-top:8px
}
.global-comment-meta time{font-size:9px;color:#9a7185;text-transform:uppercase;letter-spacing:.08em}
.global-comment-meta button{
  border:1px solid #24141f;background:#fff0f7;color:#ee087c;padding:5px 8px;
  font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;cursor:pointer
}
.comment-form button:disabled{opacity:.45;cursor:not-allowed}

/* cursor fx */
.cursor-fx-toggle{
  border:2px solid #24141f;
  background:#fff0f7;
  color:#ee087c;
  box-shadow:3px 3px #24141f;
  padding:7px 10px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  white-space:nowrap;
}
.cursor-fx-toggle:hover{
  transform:translate(1px,1px);
  box-shadow:2px 2px #24141f;
}
.cursor-fx-toggle.is-off{
  background:#fff;
  color:#8d7180;
}
.cursor-spark{
  position:fixed;
  z-index:999999;
  pointer-events:none;
  color:var(--spark-color);
  transform:translate(-50%,-50%);
  text-shadow:0 0 7px rgba(255,105,180,.55);
  animation:cursorSparkFade .85s ease-out forwards;
  will-change:transform,opacity;
}
@keyframes cursorSparkFade{
  0%{
    opacity:1;
    transform:translate(-50%,-50%) scale(.7) rotate(0deg);
  }
  55%{opacity:.9}
  100%{
    opacity:0;
    transform:
      translate(calc(-50% + var(--drift-x)), calc(-50% + var(--drift-y)))
      scale(1.15)
      rotate(var(--rot));
  }
}
@media(pointer:coarse){
  .cursor-fx-toggle{display:none!important}
}

.community-delete{
  margin-top:9px;border:1px solid #24141f;background:#fff0f7;color:#ee087c;
  padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;cursor:pointer
}


/* ============================================================
   COMMUNITY PULSE: ONLINE + STREAK + PROFILE WALLS
   ============================================================ */

.online-chip{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:#fff;
  border:1px solid #25141e;
  padding:6px 8px;
  font-size:8px;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.online-chip i,
.profiles-live-row i{
  width:7px;height:7px;border-radius:50%;background:#65c84e;display:inline-block;
  box-shadow:0 0 0 3px #dff4d9;
}
.online-chip b{color:var(--hot);font-size:10px}

.member-profile-link{
  border:2px solid #24141f;
  background:#fff0f7;
  color:#ee087c;
  box-shadow:3px 3px #24141f;
  padding:10px 12px;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  display:inline-flex;
  align-items:center;
}

.community-pulse{
  padding:70px 6vw 85px;
  background:linear-gradient(135deg,#fff9f1 0 58%,#ffd6e8 58%);
  border-top:3px double #26131f;
  border-bottom:3px double #26131f;
}
.community-pulse-head{
  display:grid;
  grid-template-columns:1fr minmax(240px,420px);
  gap:30px;
  align-items:end;
  margin-bottom:26px;
}
.community-pulse-head p,
.pulse-card>p{
  color:var(--hot);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:900;
}
.community-pulse-head h2{
  font-family:Georgia,Times New Roman,serif;
  font-size:clamp(42px,5vw,68px);
  line-height:.9;
  text-transform:lowercase;
  margin-top:7px;
}
.community-pulse-head>span{
  font-size:12px;
  line-height:1.55;
}
.community-pulse-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.pulse-card{
  background:#fff;
  border:2px solid #26131f;
  box-shadow:6px 6px #26131f;
  padding:22px;
  min-height:220px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.pulse-card:nth-child(2){transform:rotate(.7deg)}
.pulse-card:nth-child(3){transform:rotate(-.5deg)}
.pulse-sticker{
  position:absolute;right:12px;top:12px;
  background:#fff55c;color:#ee087c;border:1px solid #26131f;
  padding:5px 7px;font-size:8px;font-weight:900;letter-spacing:.1em;
  transform:rotate(3deg);
}
.pulse-card strong{
  font-family:Georgia,Times New Roman,serif;
  font-size:31px;
  margin:23px 0 8px;
  line-height:1;
}
.pulse-card strong b{color:var(--hot);font-size:1.25em}
.pulse-card>span{font-size:12px;line-height:1.5;color:#715164}
.pulse-card>small{font-size:10px;margin-top:8px;color:#9b7188}
.pulse-card>a{
  margin-top:auto;
  padding-top:22px;
  color:var(--hot);
  font-size:10px;
  font-weight:900;
  text-decoration:underline;
}

/* profiles page */
.profiles-live-row{
  display:flex;gap:12px;flex-wrap:wrap;margin-top:20px
}
.profiles-live-row>span{
  display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #26131f;
  padding:8px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900
}
.profiles-shell{
  padding:55px 6vw 100px;
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.profiles-directory-panel,
.profile-view,
.profile-wall{
  background:#fff;
  border:2px solid #26131f;
  box-shadow:7px 7px #26131f;
}
.profiles-directory-panel{position:sticky;top:20px;padding:18px}
.profiles-directory-head p,
.profile-wall-heading p,
.profile-wall-badges>p{
  color:var(--hot);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase
}
.profiles-directory-head h2,
.profile-wall-heading h2{
  font-family:Georgia,Times New Roman,serif;font-size:31px;line-height:1;margin:6px 0 13px
}
.profiles-directory-head input{
  width:100%;border:2px solid #26131f;background:#fff9f1;padding:10px;font-size:12px
}
.profile-directory{display:grid;gap:8px;margin-top:13px;max-height:620px;overflow:auto;padding-right:3px}
.profile-directory-card{
  width:100%;display:flex;align-items:center;gap:10px;text-align:left;
  border:1px solid #26131f;background:#fff9f3;padding:9px;cursor:pointer
}
.profile-directory-card:hover,
.profile-directory-card.selected{background:#ffe1ef;border-color:#ee087c}
.profile-directory-card img{
  width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #fff;outline:1px solid #ee087c
}
.profile-directory-card span{min-width:0}
.profile-directory-card b,.profile-directory-card small{display:block}
.profile-directory-card b{font-size:12px;overflow:hidden;text-overflow:ellipsis}
.profile-directory-card small{font-size:8px;color:#936d80;margin-top:3px;text-transform:uppercase;letter-spacing:.06em}

.profile-main-panel{display:grid;gap:22px}
.profile-view{padding:24px}
.profile-wall-hero{display:flex;align-items:center;gap:20px}
.profile-wall-hero>img{
  width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #fff;outline:2px solid #26131f;
  box-shadow:6px 6px #ee087c
}
.profile-wall-hero>img.admin-profile-ring{
  outline:3px solid #ee087c;box-shadow:0 0 0 5px #ffc6df,7px 7px #26131f
}
.profile-wall-hero span{color:var(--hot);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.profile-wall-hero h1{
  font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,70px);line-height:.85;margin:7px 0 10px;text-transform:lowercase
}
.profile-wall-hero p{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8f687c}
.profile-wall-badges{border-top:2px dashed #e5bbcf;margin-top:24px;padding-top:17px}
.profile-wall-badges>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.profile-wall-badges>div>span{
  background:#fff0f7;border:1px solid #ee87ba;padding:7px 9px;font-size:9px;font-weight:900;text-transform:uppercase
}
.profile-wall-badges small{font-size:11px;color:#8e6b7c}

.profile-wall{padding:24px}
.profile-wall-heading{
  display:grid;grid-template-columns:1fr minmax(200px,360px);gap:20px;align-items:end;
  border-bottom:2px dashed #e2b8cc;padding-bottom:17px
}
.profile-wall-heading>span{font-size:10px;line-height:1.5;color:#7e6070}
.profile-wall-form{margin:18px 0 22px;background:#fff9f1;border:1px solid #26131f;padding:14px}
.profile-wall-form label{font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.profile-wall-form textarea{
  display:block;width:100%;min-height:88px;margin-top:7px;border:2px solid #26131f;background:#fff;padding:10px;font-size:12px
}
.profile-wall-form button{
  margin-top:10px;border:2px solid #26131f;background:var(--hot);color:#fff;padding:10px 12px;
  box-shadow:3px 3px #26131f;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em
}
.profile-wall-form button:disabled{opacity:.45;cursor:not-allowed}
.profile-wall-form small{display:block;margin-top:10px;color:#8d697b;font-size:9px}
.profile-wall-list{display:grid;gap:11px}
.profile-wall-note{background:#fff8e9;border:1px solid #26131f;padding:14px}
.profile-wall-note:nth-child(2n){background:#fff0f7;transform:rotate(.25deg)}
.profile-wall-note-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.profile-wall-note-head>div{display:flex;align-items:center;gap:9px}
.profile-wall-note-head img{
  width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #fff;outline:1px solid #ee87ba
}
.profile-wall-note-head span b,.profile-wall-note-head span small{display:block}
.profile-wall-note-head span b{font-size:11px}
.profile-wall-note-head span small{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#9a7185}
.profile-wall-note-head time{font-size:8px;color:#9a7185;text-transform:uppercase;letter-spacing:.08em}
.profile-wall-note>p{font-size:12px;line-height:1.55;margin-top:10px}
.profile-empty{font-size:11px;color:#8e687a;padding:12px}

@media(max-width:1050px){
  .community-pulse-grid{grid-template-columns:1fr}
  .community-pulse-head{grid-template-columns:1fr}
  .profiles-shell{grid-template-columns:1fr}
  .profiles-directory-panel{position:static}
  .profile-directory{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}
}
@media(max-width:720px){
  .online-chip span{display:none}
  .profile-wall-heading{grid-template-columns:1fr}
  .profile-directory{grid-template-columns:1fr}
  .profile-wall-hero{align-items:flex-start}
  .profile-wall-hero>img{width:76px;height:76px}
}


/* ============================================================
   HEADER HOTFIX — compact cursor fx + tiny discord button
   ============================================================ */

.cursor-fx-toggle{
  width:max-content !important;
  max-width:max-content !important;
  min-width:0 !important;
  justify-self:end !important;
  align-self:center !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:6px 8px !important;
  font-size:7px !important;
  line-height:1 !important;
  box-shadow:2px 2px #24141f !important;
  white-space:nowrap !important;
}

.cursor-fx-toggle:hover{
  transform:translate(1px,1px) !important;
  box-shadow:1px 1px #24141f !important;
}

.discord-mini-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:max-content;
  justify-self:end;
  align-self:center;
  padding:6px 8px;
  border:1px solid #24141f;
  background:#24141f;
  color:#fff !important;
  font-size:7px;
  line-height:1;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  white-space:nowrap;
  box-shadow:2px 2px #ee087c;
}
.discord-mini-link:hover{
  background:#ee087c;
  box-shadow:2px 2px #24141f;
  transform:translate(1px,1px);
}

.movie-photo img.last-song-artwork{
  object-fit:cover !important;
  object-position:center 24% !important;
}

@media(max-width:900px){
  .discord-mini-link{
    padding:5px 7px;
    font-size:6px;
  }
}


/* control-room public surfaces */
.admin-update-link{display:inline-block;margin-left:7px;color:#fff;text-decoration:underline;font-size:8px;font-weight:900}
.community-note-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.report-link{border:0!important;background:transparent!important;color:#a07a8c!important;padding:3px!important;box-shadow:none!important;text-decoration:underline;font-size:8px!important}
.report-modal{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:20px}.report-backdrop{position:absolute;inset:0;background:rgba(34,20,28,.62);backdrop-filter:blur(3px)}.report-card{position:relative;width:min(470px,100%);background:#fff8ef;border:3px solid #281922;box-shadow:10px 10px #ee087c;padding:24px;display:grid;gap:12px}.report-card>p{font-size:8px;color:#ee087c;text-transform:uppercase;font-weight:900}.report-card h2{font-family:Georgia,serif;font-size:36px}.report-card label{font-size:8px;font-weight:900;text-transform:uppercase}.report-card textarea,.report-card select{display:block;width:100%;border:2px solid #281922;padding:9px;margin-top:5px}.report-card textarea{min-height:80px}.report-card>button[type=submit]{border:2px solid #281922;background:#ee087c;color:#fff;padding:10px;font-weight:900}.report-x{position:absolute;right:10px;top:8px;border:0;background:none;font-size:24px}
.maintenance-overlay{position:fixed;inset:0;z-index:999999;background:#f7eee6;display:grid;place-items:center;padding:30px}.maintenance-card{width:min(620px,100%);background:#fff;border:3px solid #281922;box-shadow:14px 14px #ee087c;padding:55px;text-align:center}.maintenance-card>span{background:#ee087c;color:#fff;padding:6px 9px;font-size:9px;font-weight:900}.maintenance-card h1{font-family:Georgia,serif;font-size:54px;line-height:.9;margin:18px 0}.maintenance-card p{line-height:1.5}.maintenance-card button{margin-top:15px;border:2px solid #281922;background:#fff;padding:9px 13px}
.community-posting-notice{position:fixed;left:18px;bottom:18px;z-index:999990;background:#2b1822;color:#fff;border:2px solid #fff;box-shadow:5px 5px #ee087c;padding:12px 14px;max-width:360px}.community-posting-notice b,.community-posting-notice span{display:block}.community-posting-notice b{font-size:10px}.community-posting-notice span{font-size:8px;color:#ffd1e6;margin-top:4px}
.community-posting-blocked form[id="commentForm"] button[type=submit],.community-posting-blocked form[id="profileWallForm"] button[type=submit],.community-posting-blocked form[id="hearForm"] button[type=submit]{opacity:.45;pointer-events:none}
.public-section-head{display:grid;grid-template-columns:1fr minmax(220px,420px);gap:25px;align-items:end;margin-bottom:22px}.public-section-head p{font-size:9px;color:#ee087c;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.public-section-head h2{font-family:Georgia,serif;font-size:clamp(38px,5vw,60px);line-height:.9;margin-top:5px}.public-section-head>span{font-size:11px;line-height:1.5}
.admin-picks-public,.community-poll-public,.site-activity-public{padding:65px 6vw;border-top:2px solid #281922}.admin-picks-public{background:#fff5eb}.community-poll-public{background:#ffd9ea}.site-activity-public{background:#fff}
.admin-pick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:15px}.admin-pick-card{background:#fff;border:2px solid #281922;box-shadow:5px 5px #281922;padding:12px;display:flex;flex-direction:column;min-height:190px}.admin-pick-card img,.admin-pick-noimg{width:100%;height:110px;object-fit:cover;border:1px solid #281922;margin-bottom:10px}.admin-pick-noimg{display:grid;place-items:center;background:#ffe1ee;font-family:Georgia,serif;font-size:42px}.admin-pick-card>span{font-size:7px;color:#ee087c;text-transform:uppercase;font-weight:900}.admin-pick-card>b{font-family:Georgia,serif;font-size:22px;margin:4px 0}.admin-pick-card>small{font-size:9px;line-height:1.4;color:#866173}
.featured-member-card{display:flex;align-items:center;gap:13px;background:#281922;color:#fff;width:max-content;max-width:100%;padding:10px 14px;border:3px solid #ee087c;box-shadow:5px 5px #ffb8d7}.featured-member-card img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #fff}.featured-member-card span small,.featured-member-card span b,.featured-member-card span em{display:block}.featured-member-card small{font-size:7px;color:#ff9cca;text-transform:uppercase}.featured-member-card b{font-family:Georgia,serif;font-size:20px}.featured-member-card em{font-size:8px;color:#ffd3e7;font-style:normal}
.community-poll-options{display:grid;gap:9px;max-width:760px}.community-poll-options button{position:relative;overflow:hidden;text-align:left;border:2px solid #281922;background:#fff;padding:12px;cursor:pointer}.community-poll-options button>span{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px}.community-poll-options button i{position:absolute;left:0;top:0;bottom:0;background:#ffb8d6;z-index:1;transition:.3s}.community-poll-options button.selected{outline:3px solid #ee087c}.community-poll-options em{font-size:9px;font-style:normal;color:#8d6578}
.site-activity-feed{max-width:900px;display:grid;gap:7px}.activity-line{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;border-bottom:1px dashed #dcafc4;padding:9px 0}.activity-line i{width:7px;height:7px;background:#ee087c;border-radius:50%}.activity-line span{font-size:11px}.activity-line time{font-size:8px;color:#987083}
.managed-fit-placeholder{height:100%;min-height:290px;background:linear-gradient(135deg,#ffe2ef,#fff9ef);display:grid;place-items:center;font-size:10px;color:#ee087c;font-weight:900}
.movie-image-missing{background:linear-gradient(135deg,#eee,#fff);min-height:330px}.movie-image-missing:after{content:'poster unavailable ♡';display:grid;place-items:center;min-height:300px;font-size:10px;color:#999}.member-admin-link{background:#281922!important;color:#fff!important}
@media(max-width:900px){.public-section-head{grid-template-columns:1fr}.admin-pick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.admin-pick-grid{grid-template-columns:1fr}}


/* ============================================================
   2000s STAR OF THE WEEK
   ============================================================ */
.star-week{
  position:relative;
  overflow:hidden;
  padding:78px 6vw 64px;
  background:
    radial-gradient(circle at 10% 18%,rgba(238,8,124,.08) 0 2px,transparent 3px) 0 0/28px 28px,
    linear-gradient(135deg,#fffaf1 0 68%,#ffd4e7 68%);
  border-top:3px double #281922;
  border-bottom:3px double #281922;
}
.star-week:before{
  content:"";
  position:absolute;
  right:-55px;top:110px;
  width:210px;height:210px;
  border:24px solid rgba(238,8,124,.08);
  border-radius:50%;
  pointer-events:none;
}
.star-week-tape{
  position:absolute;
  top:18px;left:-20px;
  transform:rotate(-2deg);
  background:#281922;
  color:#fff;
  border:2px solid #281922;
  padding:7px 30px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.18em;
  white-space:nowrap;
}
.star-week-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:30px;
  align-items:end;
  margin-bottom:34px;
}
.star-week-head p{
  color:#ee087c;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.star-week-head h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(58px,8vw,112px);
  line-height:.78;
  letter-spacing:-.045em;
  text-transform:lowercase;
  margin:9px 0 18px;
  text-shadow:4px 4px 0 #ffc0dd;
}
.star-week-head>div:first-child>span{
  display:block;
  max-width:720px;
  font-size:12px;
  line-height:1.55;
  font-weight:700;
}
.star-week-stamp{
  width:115px;height:115px;
  border:3px solid #281922;
  border-radius:50%;
  display:grid;
  place-items:center;
  text-align:center;
  background:#fff65b;
  color:#ee087c;
  box-shadow:7px 7px #281922;
  font-size:11px;
  line-height:1.15;
  font-weight:1000;
  letter-spacing:.08em;
  transform:rotate(7deg);
}

.star-week-layout{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);
  gap:38px;
  align-items:center;
}
.star-collage{
  position:relative;
  min-height:680px;
}
.star-photo{
  position:absolute;
  margin:0;
  background:#fff;
  border:2px solid #281922;
  padding:10px 10px 28px;
  box-shadow:9px 9px #281922;
}
.star-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border:1px solid #e7bfd2;
}
.star-photo figcaption{
  position:absolute;
  bottom:7px;left:10px;
  font-size:7px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#ee087c;
}
.star-photo-main{
  width:67%;
  height:565px;
  left:13%;top:20px;
  transform:rotate(-2deg);
  z-index:2;
}
.star-photo-main img{object-position:center top}
.star-photo-small{
  width:43%;
  height:310px;
  z-index:3;
}
.star-photo-left{
  left:0;bottom:5px;
  transform:rotate(5deg);
}
.star-photo-right{
  right:0;bottom:28px;
  transform:rotate(-5deg);
}
.star-doodle{
  position:absolute;
  z-index:6;
  color:#ee087c;
  font-family:Georgia,serif;
  font-size:70px;
  text-shadow:3px 3px #fff;
}
.star-doodle-one{right:5%;top:8%}
.star-doodle-two{left:5%;top:43%;font-size:45px;transform:rotate(-15deg)}

.star-bio-card{
  background:#fff;
  border:3px solid #281922;
  box-shadow:10px 10px #ee087c;
  padding:28px;
  position:relative;
}
.star-mini-label{
  position:absolute;
  right:14px;top:-16px;
  background:#ffef5e;
  border:2px solid #281922;
  padding:6px 9px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
  transform:rotate(2deg);
}
.star-bio-card>h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  margin-bottom:13px;
}
.star-bio-card>p{
  font-size:12px;
  line-height:1.72;
}
.star-fact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:22px 0;
}
.star-fact-grid>div{
  background:#fff8e8;
  border:1px solid #281922;
  padding:13px;
}
.star-fact-grid span,
.star-editorial-note>span{
  display:block;
  color:#ee087c;
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.star-fact-grid b{
  display:block;
  font-family:Georgia,serif;
  font-size:19px;
  margin:4px 0 2px;
  text-transform:lowercase;
}
.star-fact-grid small{
  font-size:8px;
  color:#896677;
}
.star-editorial-note{
  border-top:2px dashed #dfaec6;
  padding-top:16px;
}
.star-editorial-note p{
  font-size:11px;
  line-height:1.6;
  margin-top:6px;
}

.star-timeline{
  margin-top:45px;
  border:2px solid #281922;
  background:#fff;
  box-shadow:7px 7px #281922;
}
.star-timeline-title{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  background:#281922;
  color:#fff;
  padding:10px 14px;
}
.star-timeline-title span{
  color:#ff9cca;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.star-timeline-title b{
  font-family:Georgia,serif;
  font-size:20px;
}
.star-timeline-row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
}
.star-timeline-row article{
  padding:15px;
  border-right:1px dashed #dcb3c6;
  min-height:120px;
}
.star-timeline-row article:last-child{border-right:0}
.star-timeline-row b{
  color:#ee087c;
  font-family:Georgia,serif;
  font-size:22px;
}
.star-timeline-row p{
  font-size:9px;
  line-height:1.45;
  margin-top:7px;
}

.star-era-essentials{
  margin-top:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  flex-wrap:wrap;
  border-top:1px dashed #281922;
  border-bottom:1px dashed #281922;
  padding:12px;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.star-era-essentials>span{color:#ee087c;font-weight:1000}
.star-era-essentials>b{font-weight:900}
.star-era-essentials>i{font-style:normal;color:#ee087c}
.star-factcheck{
  text-align:center;
  margin-top:13px;
  font-size:7px;
  color:#9a7586;
  text-transform:uppercase;
  letter-spacing:.08em;
}

@media(max-width:1050px){
  .star-week-layout{grid-template-columns:1fr}
  .star-collage{min-height:710px;max-width:680px;margin:auto;width:100%}
  .star-timeline-row{grid-template-columns:1fr 1fr}
  .star-timeline-row article{border-bottom:1px dashed #dcb3c6}
}
@media(max-width:700px){
  .star-week{padding-left:5vw;padding-right:5vw}
  .star-week-head{grid-template-columns:1fr}
  .star-week-stamp{width:90px;height:90px}
  .star-collage{min-height:570px}
  .star-photo-main{height:440px;width:72%;left:14%}
  .star-photo-small{height:245px;width:47%}
  .star-fact-grid{grid-template-columns:1fr}
  .star-timeline-row{grid-template-columns:1fr}
  .star-timeline-row article{border-right:0}
}


/* ============================================================
   STAR OF THE WEEK — OPTIONAL MUSIC PLAYER
   ============================================================ */
.star-music-widget{
  width:min(620px,100%);
  margin:30px auto 18px;
  background:#281922;
  color:#fff;
  border:3px solid #281922;
  box-shadow:7px 7px #ee087c;
  position:relative;
}
.star-music-widget:before{
  content:"♪";
  position:absolute;
  right:12px;
  top:-20px;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:2px solid #281922;
  border-radius:50%;
  background:#fff45b;
  color:#ee087c;
  font-family:Georgia,serif;
  font-size:22px;
  transform:rotate(7deg);
}
.star-music-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
}
.star-music-top>div span,
.star-music-top>div b,
.star-music-top>div small{
  display:block;
}
.star-music-top>div span{
  color:#ff9cca;
  font-size:7px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.star-music-top>div b{
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  line-height:1;
  margin:4px 0;
  text-transform:lowercase;
}
.star-music-top>div small{
  color:#ffd3e7;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.star-music-top button{
  flex:0 0 auto;
  border:2px solid #fff;
  background:#ee087c;
  color:#fff;
  box-shadow:3px 3px #fff45b;
  padding:9px 12px;
  font-size:8px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.08em;
  cursor:pointer;
}
.star-music-top button:hover{
  transform:translate(1px,1px);
  box-shadow:2px 2px #fff45b;
}
.star-music-embed{
  background:#fff5eb;
  color:#281922;
  border-top:1px solid #ff9cca;
  padding:12px;
}
.star-music-embed iframe{
  display:block;
  border-radius:10px;
}
.star-music-embed p{
  margin-top:7px;
  text-align:center;
  color:#8f687b;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
@media(max-width:560px){
  .star-music-top{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ============================================================
   STAR MUSIC PLAYER V2 — custom controls + official Spotify API
   ============================================================ */
.star-music-controller{
  width:min(660px,100%);
}

.star-music-controller .star-music-top{
  padding-bottom:10px;
}

.star-music-meta{
  min-width:0;
}

.star-music-buttons{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

.star-music-buttons button{
  border:2px solid #fff;
  background:#fff;
  color:#281922;
  box-shadow:3px 3px #fff45b;
  min-width:38px;
  padding:9px 10px;
  font-size:10px;
  font-weight:1000;
  cursor:pointer;
}

.star-music-buttons .star-play-main{
  min-width:84px;
  background:#ee087c;
  color:#fff;
  text-transform:uppercase;
  font-size:8px;
  letter-spacing:.08em;
}

.star-music-buttons button:disabled{
  opacity:.55;
  cursor:wait;
}

.star-music-progress-wrap{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 36px;
  align-items:center;
  gap:9px;
  padding:0 16px 13px;
}

.star-music-progress-wrap>span{
  font-size:8px;
  color:#ffd4e8;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}

.star-music-progress-wrap>span:last-child{
  text-align:right;
}

.star-music-progress{
  height:8px;
  border:1px solid #fff;
  background:#4c2d3d;
  overflow:hidden;
  position:relative;
}

.star-music-progress i{
  display:block;
  height:100%;
  width:0;
  background:#ff60ad;
  transition:width .22s linear;
}

.star-spotify-shell{
  padding:0 11px 11px;
}

.star-spotify-shell iframe{
  display:block;
  width:100%;
  border:0;
  border-radius:10px;
}

.star-music-note{
  margin:0;
  padding:0 12px 11px;
  color:#ffbddc !important;
  font-size:7px !important;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.08em;
}

@media(max-width:560px){
  .star-music-controller .star-music-top{
    flex-direction:column;
  }
  .star-music-buttons{
    width:100%;
  }
  .star-music-buttons .star-play-main{
    flex:1;
  }
}


/* ============================================================
   NAVIGATION CLEANUP — fewer choices first, everything else in "more"
   ============================================================ */
.site-main-nav{
  gap:18px;
  align-items:center;
  position:relative;
  flex-wrap:wrap;
}
.site-main-nav>a,
.nav-more>summary{
  white-space:nowrap;
}
.nav-more{
  position:relative;
}
.nav-more>summary{
  cursor:pointer;
  list-style:none;
  border-bottom:2px solid transparent;
  padding:6px 0;
  user-select:none;
}
.nav-more>summary::-webkit-details-marker{display:none}
.nav-more>summary:hover,
.nav-more[open]>summary{
  color:var(--hot);
  border-color:var(--hot);
}
.nav-more-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:-10px;
  z-index:1000;
  width:205px;
  display:grid;
  gap:0;
  background:#fffaf3;
  border:2px solid var(--ink);
  box-shadow:6px 6px var(--ink);
  padding:8px;
}
.nav-more-menu a{
  padding:9px 10px;
  border-bottom:1px dashed #e0b2c8;
  font-size:9px;
}
.nav-more-menu a:last-child{border-bottom:0}
.nav-more-menu a:hover{
  background:#ffe1ef;
  color:var(--hot);
}
@media(max-width:850px){
  header nav.site-main-nav{
    display:flex!important;
    overflow:visible!important;
    gap:12px;
    padding:8px 0 12px;
  }
  .nav-more-menu{
    position:fixed;
    top:auto;
    left:20px;
    right:20px;
    width:auto;
    max-height:55vh;
    overflow:auto;
  }
}

/* ============================================================
   START HERE — make the first visit obvious
   ============================================================ */
.start-here-section{
  background:#fff;
  border-top:3px double #281922;
  border-bottom:3px double #281922;
  padding:62px 6vw;
}
.start-here-heading{
  display:grid;
  grid-template-columns:1fr minmax(250px,430px);
  gap:30px;
  align-items:end;
  margin-bottom:26px;
}
.start-here-heading p{
  color:var(--hot);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:900;
}
.start-here-heading h2{
  margin-top:7px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(42px,5vw,72px);
  line-height:.88;
  letter-spacing:-.04em;
}
.start-here-heading>span{
  font-size:12px;
  line-height:1.55;
  font-weight:700;
}
.start-here-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
}
.start-here-card{
  min-height:270px;
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:start;
  background:#fff9ef;
  border:2px solid var(--ink);
  box-shadow:6px 6px var(--ink);
  padding:20px;
  transition:.16s ease;
  overflow:hidden;
}
.start-here-card:after{
  content:"";
  width:110px;height:110px;
  border-radius:50%;
  background:#ffd1e6;
  position:absolute;
  right:-45px;bottom:-45px;
  z-index:0;
}
.start-here-card>*{position:relative;z-index:1}
.start-here-card:hover{
  transform:translate(2px,2px) rotate(-.4deg);
  box-shadow:4px 4px var(--ink);
  background:#fff;
}
.start-here-card>i{
  width:58px;height:58px;
  display:grid;place-items:center;
  background:#ffe0ee;
  border:2px solid var(--ink);
  font-style:normal;
  font-size:27px;
  transform:rotate(-3deg);
}
.start-here-card:nth-child(2)>i{transform:rotate(3deg)}
.start-here-card small{
  color:var(--hot);
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:7px;
  font-weight:900;
}
.start-here-card b{
  display:block;
  font-family:Georgia,serif;
  font-size:28px;
  line-height:1;
  margin:6px 0 10px;
}
.start-here-card p{
  font-size:11px;
  line-height:1.5;
  max-width:310px;
}
.start-here-card em{
  display:inline-block;
  margin-top:16px;
  color:var(--hot);
  font-size:9px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.start-number{
  position:absolute;
  right:10px;top:8px;
  color:#efb2cf;
  font-family:Georgia,serif;
  font-size:46px;
  line-height:1;
  font-weight:900;
}
.start-here-shortcuts{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:22px;
  padding-top:16px;
  border-top:1px dashed #cda1b7;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.start-here-shortcuts>span{font-weight:900;color:#8b6879}
.start-here-shortcuts a{
  background:#fff0f7;
  border:1px solid var(--ink);
  padding:7px 9px;
  font-weight:900;
}
.start-here-shortcuts a:hover{background:var(--hot);color:#fff}
@media(max-width:900px){
  .start-here-grid{grid-template-columns:1fr}
  .start-here-heading{grid-template-columns:1fr}
  .start-here-card{min-height:0}
}

/* ============================================================
   BADGES V2 — explicit task + real progress
   ============================================================ */
.badge-how-it-works{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:13px;
  align-items:center;
  background:#281922;
  color:#fff;
  border:2px solid #281922;
  box-shadow:4px 4px #ee087c;
  padding:12px 14px;
  margin-bottom:17px;
}
.badge-how-it-works b{
  color:#ff9cca;
  text-transform:uppercase;
  font-size:9px;
  letter-spacing:.1em;
  white-space:nowrap;
}
.badge-how-it-works span{
  font-size:10px;
  line-height:1.45;
}
.site-badge{
  min-height:245px!important;
}
.site-badge.locked{
  filter:none!important;
  opacity:1!important;
  background:#f4eee8;
}
.site-badge.locked .badge-icon{
  filter:grayscale(1);
  opacity:.48;
}
.site-badge.locked .badge-copy>b,
.site-badge.locked .badge-task{
  opacity:.6;
}
.badge-copy{display:flex;flex-direction:column;min-height:165px}
.badge-task{min-height:44px}
.badge-mini-progress{
  height:10px;
  border:1px solid #281922;
  background:#eadde3;
  overflow:hidden;
  margin-top:8px;
}
.badge-mini-progress i{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,#ff91c7,#ee087c);
  transition:width .35s ease;
}
.site-badge small[data-badge-task-label]{
  display:block;
  margin-top:6px;
  color:#7d5c6d;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.badge-card-bottom{
  margin-top:auto;
  padding-top:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.badge-go{
  color:var(--hot);
  text-decoration:underline;
  text-underline-offset:3px;
  text-align:right;
  font-size:7px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.site-badge.unlocked .badge-go{
  opacity:.5;
}
.site-badge.unlocked .badge-mini-progress i{
  width:100%!important;
}
.site-badge.unlocked small[data-badge-task-label]{
  color:var(--hot);
}
@media(max-width:650px){
  .badge-how-it-works{grid-template-columns:1fr}
}


/* ============================================================
   UX / MOBILE / ACCESSIBILITY AUDIT — 2026-08
   ============================================================ */
:root{--hot:#c00060;--hot-focus:#8f0048}
html,body{max-width:100%;overflow-x:clip}

.skip-link{
  position:fixed;left:12px;top:10px;z-index:2000000;
  background:#21121c;color:#fff;border:2px solid #fff;
  padding:10px 14px;font-size:12px;font-weight:900;
  transform:translateY(-160%)
}
.skip-link:focus{transform:none}

a:focus-visible,button:focus-visible,summary:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid #21121c;outline-offset:3px;box-shadow:0 0 0 5px #ffb8d8
}

button,a,summary{-webkit-tap-highlight-color:rgba(192,0,96,.18)}

.post-full[hidden]{display:none!important}
.post-full{
  margin:14px 0 0;padding:15px 16px;background:#fff8ef;border-left:4px solid var(--hot)
}
.post-full p{margin:0 0 10px;font-size:13px;line-height:1.7}
.post-full p:last-child{margin-bottom:0}

.badge-task{color:#5c414f!important;opacity:1!important;line-height:1.45}

@media(pointer:coarse){
  button,.site-main-nav a,.nav-more>summary,.start-here-shortcuts a,.badge-go,.member-profile-link{
    min-height:44px
  }
  button,.site-main-nav a,.nav-more>summary{display:inline-flex;align-items:center}
}

@media(max-width:850px){
  header{
    grid-template-columns:auto 1fr auto!important;
    gap:10px!important;min-height:auto!important;padding:12px 16px!important
  }
  header .mini-logo{grid-column:1;grid-row:1;width:66px;height:42px}
  header .online-chip{grid-column:2;grid-row:1;justify-self:end}
  header .header-join-btn{grid-column:3;grid-row:1;justify-self:end;min-height:44px}
  header nav.site-main-nav{
    grid-column:1/-1;grid-row:2;width:100%;display:flex!important;
    flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;
    overflow-y:visible!important;padding:8px 0 4px!important;
    scrollbar-width:none;-webkit-overflow-scrolling:touch
  }
  header nav.site-main-nav::-webkit-scrollbar{display:none}
  header nav.site-main-nav>a,.nav-more>summary{
    flex:0 0 auto;padding:10px 9px;border:1px solid #d8a8bf;background:#fff
  }
  .discord-mini-link,.cursor-fx-toggle,.guestbook-link,.header-admin-update-btn{display:none!important}
  .nav-more-menu{
    position:fixed!important;left:16px!important;right:16px!important;top:128px!important;
    width:auto!important;max-height:55vh;overflow:auto;z-index:100000
  }
  .hero{min-height:auto!important;padding:48px 20px 64px!important;gap:34px!important}
  .hero-photo{min-height:340px!important}
  .star-week-layout,.favorite-movie-layout,.favorite-movie-head,.hear-head,.hear-layout,
  .profile-wall-layout,.profiles-layout{grid-template-columns:1fr!important}
  .star-collage{min-height:600px!important;max-width:620px;margin:0 auto}
}

@media(max-width:560px){
  body{background-size:22px 22px}
  .top-strip{font-size:8px;letter-spacing:.12em;padding-inline:12px}
  .hero-logo{margin-bottom:16px!important}
  .tagline{font-size:13px!important}
  .hero-actions{width:100%!important}
  .pink-button{width:100%;justify-content:space-between}
  .start-here-section,.star-week,.admin-picks-public,.community-poll-public,.site-activity-public{
    padding-left:18px!important;padding-right:18px!important
  }
  .start-here-card{grid-template-columns:1fr!important;padding:18px!important}
  .start-number{font-size:34px!important}
  .member-modal{padding:8px!important;align-items:end!important}
  .member-modal-card{
    width:100%!important;max-height:92dvh!important;border-radius:14px 14px 0 0;padding:16px!important
  }
  .member-modal-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .member-modal-avatar-option{min-height:64px}
  input,textarea,select{font-size:16px!important}
  .star-collage{min-height:520px!important}
  .star-photo-main{height:390px!important}
  .star-photo-small{height:220px!important}
  .site-badge{min-height:0!important}
  .badge-card-bottom{align-items:flex-start!important;flex-direction:column!important}
  .badge-go{text-align:left!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;animation-duration:.01ms!important;
    animation-iteration-count:1!important;transition-duration:.01ms!important
  }
  .cursor-spark{display:none!important}
}


/* ============================================================
   MIXED OLD-WEB EXPERIMENT
   same universe, different "site" in every section
   ============================================================ */

/* ---------- START HERE: portal doors ---------- */
.portal-door-zone{
  background:
    linear-gradient(#fff 1px,transparent 1px),
    linear-gradient(90deg,#fff 1px,transparent 1px),
    #ffd8e9;
  background-size:22px 22px;
}
.portal-door-zone .start-here-grid{
  align-items:stretch;
  perspective:800px;
}
.portal-door-zone .start-here-card{
  border-width:3px;
  box-shadow:8px 8px #281922;
  overflow:visible;
  padding-top:32px;
}
.portal-door-zone .start-here-card:nth-child(1){
  background:#fff6a8;
  transform:rotate(-1deg);
}
.portal-door-zone .start-here-card:nth-child(2){
  background:#dce7ff;
  transform:rotate(1.2deg);
}
.portal-door-zone .start-here-card:nth-child(3){
  background:#ffd2e8;
  transform:rotate(-.5deg);
}
.portal-door-zone .start-here-card:hover{
  transform:translateY(-5px) rotate(0deg);
  box-shadow:10px 12px #281922;
}
.door-tab{
  position:absolute;
  top:-16px;
  left:16px;
  border:2px solid #281922;
  background:#281922;
  color:#fff;
  padding:6px 10px;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.12em;
}

/* ---------- COMMUNITY: old MySpace bulletin / blue social web ---------- */
.myspace-zone{
  background:#e8f0fa!important;
  border-top:5px solid #003399!important;
  border-bottom:5px solid #003399!important;
  padding-top:0!important;
}
.myspace-topbar{
  margin:0 -6vw 34px;
  padding:9px 6vw;
  background:#003399;
  color:#fff;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font:11px Arial,sans-serif;
}
.myspace-topbar span{opacity:.9}
.myspace-zone .community-pulse-head h2{
  font-family:Arial,sans-serif!important;
  font-weight:900;
  color:#003399;
  letter-spacing:-.04em;
}
.myspace-zone .community-pulse-head p{
  color:#ff5b9c!important;
  font-family:Arial,sans-serif;
}
.myspace-zone .community-pulse-grid{
  gap:8px!important;
}
.myspace-zone .pulse-card{
  box-shadow:none!important;
  border:1px solid #a9bdd8!important;
  background:#fff!important;
  font-family:Arial,sans-serif;
}
.myspace-zone .pulse-card>p{
  margin:-18px -18px 14px!important;
  padding:7px 10px!important;
  background:#6698cb;
  color:#fff!important;
  font-weight:bold;
}
.myspace-zone .pulse-sticker{
  border-radius:0!important;
  background:#ffccdd!important;
  color:#003399!important;
  border:1px solid #003399!important;
}

/* ---------- QUIZ: Neopets-ish game portal ---------- */
.quiz-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 15%,#fff 0 2px,transparent 3px) 0 0/28px 28px,
    linear-gradient(180deg,#7353d6,#9a7eea 45%,#dbcfff)!important;
  color:#24134f!important;
  border-top:5px ridge #f7e75f!important;
  border-bottom:5px ridge #f7e75f!important;
  padding-top:36px!important;
}
.quiz-section:before,
.quiz-section:after{
  content:"★";
  position:absolute;
  color:#fff69b;
  font-size:85px;
  opacity:.38;
}
.quiz-section:before{left:3%;bottom:5%}
.quiz-section:after{right:4%;top:18%}
.quiz-portal-top{
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#3c247f;
  color:#fff;
  border:3px outset #fff3a2;
  padding:8px 12px;
  font-family:Verdana,sans-serif;
}
.portal-logo{
  font-weight:1000;
  color:#fff66a;
  text-shadow:2px 2px #8e2489;
}
.portal-status{
  font-size:9px;
  text-transform:uppercase;
}
.portal-status span{
  display:inline-block;width:8px;height:8px;border-radius:50%;
  background:#4dff8b;box-shadow:0 0 8px #4dff8b;margin-right:5px;
}
.quiz-portal-helper{
  grid-column:1/-1;
  display:flex;
  gap:12px;
  align-items:center;
  background:#fffde8;
  border:3px outset #d9d9d9;
  padding:10px 14px;
  font-family:Verdana,sans-serif;
}
.portal-mascot{
  width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;
  background:#ff62b4;color:#fff;font-size:32px;
  border:3px solid #532a83;
}
.quiz-portal-helper b{color:#532a83}
.quiz-portal-helper p{font-size:9px;line-height:1.45}
.quiz-section>div:not(.quiz-box):not(.quiz-portal-top):not(.quiz-portal-helper) h2{
  color:#fff!important;
  text-shadow:4px 4px #4f318b;
}
.quiz-section>div:not(.quiz-box):not(.quiz-portal-top):not(.quiz-portal-helper)>p,
.quiz-section>div:not(.quiz-box):not(.quiz-portal-top):not(.quiz-portal-helper)>span{
  color:#fff9bd!important;
}
.quiz-section .quiz-box{
  background:#fefbe7!important;
  border:4px ridge #f6d950!important;
  box-shadow:9px 9px #3c247f!important;
  font-family:Verdana,sans-serif!important;
}

/* ---------- DIARY: LiveJournal ---------- */
.diary-section{
  background:#f2f0ec!important;
  padding-left:4vw!important;
  padding-right:4vw!important;
  border-top:8px solid #394d40!important;
}
.diary-section .section-title{
  background:#394d40;
  color:#fff;
  margin:0 0 18px!important;
  padding:14px 18px;
  border:1px solid #27372d;
}
.diary-section .section-title h2{
  font-family:Georgia,serif!important;
  font-size:34px!important;
  line-height:1!important;
}
.livejournal-layout{
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start;
}
.lj-profile-rail{
  position:sticky;
  top:120px;
  background:#dde6df;
  border:1px solid #778c7d;
  padding:10px;
  font:11px Arial,sans-serif;
}
.lj-userpic{
  height:160px;
  background:#f6bbd6;
  border:4px solid #fff;
  outline:1px solid #7f9285;
  display:grid;place-items:center;
  font:900 72px Georgia,serif;
  color:#8d2859;
  position:relative;
}
.lj-userpic span{
  position:absolute;right:8px;bottom:3px;font-size:28px;
}
.lj-profile-rail>b,
.lj-profile-rail>small{display:block;margin-top:8px}
.lj-profile-rail>small{font-size:8px;color:#55705e}
.lj-profile-rail dl{margin:12px 0}
.lj-profile-rail dl>div{
  border-top:1px solid #aab8ae;padding:6px 0
}
.lj-profile-rail dt{
  text-transform:uppercase;color:#657b6c;font-size:8px;font-weight:bold
}
.lj-profile-rail dd{margin:2px 0 0}
.lj-links{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.lj-links a{
  text-align:center;background:#394d40;color:#fff;padding:5px 2px;font-size:8px
}
.diary-section .filter-bar{
  background:#dde6df!important;
  border:1px solid #778c7d!important;
  padding:6px!important;
}
.diary-section .filter-bar button{
  background:#eef2ef!important;
  border:1px solid #a0afa5!important;
  box-shadow:none!important;
  color:#394d40!important;
}
.diary-section .filter-bar button.active{
  background:#394d40!important;color:#fff!important;
}
.diary-section .posts-list article{
  background:#fff!important;
  border:1px solid #87978b!important;
  border-left:8px solid #91a899!important;
  box-shadow:none!important;
  margin-bottom:10px!important;
  padding:16px 18px!important;
}
.diary-section .posts-list article.featured-post{
  border-left-color:#d56899!important;
}
.diary-section .post-meta{
  margin:-16px -18px 13px!important;
  padding:6px 10px!important;
  background:#dce5df!important;
  border-bottom:1px solid #9cad9f;
  color:#425449!important;
  font:9px Arial,sans-serif!important;
}
.diary-section .posts-list h3{
  color:#394d40!important;
  font-family:Georgia,serif!important;
}
.diary-section .post-actions button{
  box-shadow:none!important;
  border:0!important;
  color:#385b8e!important;
  background:transparent!important;
  text-decoration:underline;
}
.lj-entry-footer{
  margin-top:12px;
  border-top:1px dotted #87978b;
  padding-top:7px;
  color:#52705b;
  font:9px Arial,sans-serif;
  text-align:right;
}

/* ---------- CAMERA: physical scrapbook ---------- */
.scrapbook-zone{
  background:
    linear-gradient(90deg,transparent 49%,rgba(212,97,145,.12) 50%,transparent 51%),
    #f7eccf!important;
  border-top:0!important;
  border-bottom:0!important;
  min-height:720px;
  position:relative;
}
.scrapbook-zone .camera-image{
  transform:rotate(-3deg)!important;
  background:#fff!important;
  padding:13px 13px 42px!important;
  border:1px solid #c6b799!important;
  box-shadow:12px 15px 20px rgba(70,43,48,.18)!important;
}
.scrapbook-zone .camera-image:before,
.scrapbook-zone .camera-image:after{
  content:"";
  position:absolute;
  width:120px;height:32px;
  background:rgba(255,224,133,.7);
  z-index:5;
}
.scrapbook-zone .camera-image:before{left:20%;top:-13px;transform:rotate(4deg)}
.scrapbook-zone .camera-image:after{right:8%;bottom:-10px;transform:rotate(-7deg)}
.scrapbook-zone .camera-copy{
  transform:rotate(1.5deg);
  background:#fff7ad;
  border:1px solid #d4c76c;
  box-shadow:5px 7px rgba(71,48,30,.15);
  padding:26px!important;
}
.scrapbook-zone .camera-copy h2{
  font-family:"Comic Sans MS","Marker Felt",cursive!important;
  color:#c00060!important;
  transform:rotate(-2deg);
}
.scrapbook-note{
  position:absolute;
  right:4%;
  bottom:35px;
  width:220px;
  background:#ffd6e7;
  border:1px solid #d591af;
  padding:16px;
  transform:rotate(-4deg);
  box-shadow:4px 5px rgba(51,31,41,.15);
  font-family:"Comic Sans MS","Marker Felt",cursive;
}
.scrapbook-note b,.scrapbook-note span{display:block}
.scrapbook-note span{font-size:10px;margin-top:6px}

/* ---------- PLAYLIST: old iTunes desktop app ---------- */
.playlist-section{
  display:grid!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:0!important;
  background:#d8d8d8!important;
  border:1px solid #777!important;
  box-shadow:12px 12px #281922!important;
  margin:70px auto!important;
  width:min(1120px,88vw)!important;
  padding:0!important;
  overflow:hidden;
  color:#222!important;
}
.itunes-chrome{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  background:linear-gradient(#f3f3f3,#bcbcbc);
  border-bottom:1px solid #858585;
  padding:7px 10px;
  font:10px Arial,sans-serif;
}
.itunes-lights{display:flex;gap:5px}
.itunes-lights i{
  width:11px;height:11px;border-radius:50%;border:1px solid #777;background:#ff6b70
}
.itunes-lights i:nth-child(2){background:#f8c849}
.itunes-lights i:nth-child(3){background:#5ecb61}
.itunes-chrome>span{text-align:center;font-weight:bold}
.itunes-chrome>small{text-align:right}
.playlist-section>div:not(.itunes-chrome):not(.itunes-bottom){
  padding:34px 26px!important;
  background:linear-gradient(#f6f6f6,#dadada)!important;
  border-right:1px solid #999;
}
.playlist-section>div:not(.itunes-chrome):not(.itunes-bottom) h2{
  font-family:Arial,sans-serif!important;
  font-size:40px!important;
  letter-spacing:-.06em;
  color:#333!important;
}
.playlist-section>ol{
  background:#fff!important;
  margin:0!important;
  padding:0!important;
  list-style:none;
}
.playlist-section>ol li{
  display:grid!important;
  grid-template-columns:44px 1fr 1.2fr!important;
  gap:10px!important;
  padding:11px 14px!important;
  border-bottom:1px solid #d8d8d8!important;
  font:11px Arial,sans-serif!important;
}
.playlist-section>ol li:nth-child(even){background:#eef5ff!important}
.playlist-section>ol li:hover{background:#cfe4ff!important}
.playlist-section>ol li span{color:#777}
.playlist-section>ol li b{color:#222!important}
.playlist-section>ol li em{font-style:normal!important;color:#555!important}
.itunes-bottom{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:auto auto auto minmax(100px,1fr) auto;
  align-items:center;
  gap:10px;
  padding:9px 14px;
  background:linear-gradient(#ededed,#bcbcbc);
  border-top:1px solid #777;
  font:10px Arial,sans-serif;
}
.itunes-bottom>b{font-size:18px}
.itunes-progress{
  height:7px;border:1px solid #888;background:#eee;overflow:hidden
}
.itunes-progress i{display:block;width:24%;height:100%;background:#599bd7}
.itunes-bottom em{font-style:normal}

/* ---------- BADGES: sticker sheet, not card grid ---------- */
.sticker-badge-zone{
  background:
    radial-gradient(circle,#f3b4ce 1.2px,transparent 1.3px) 0 0/18px 18px,
    #fff8ef!important;
  border-top:7px double #c00060!important;
}
.sticker-sheet-label{
  display:inline-block;
  background:#fff36b;
  border:2px solid #281922;
  box-shadow:5px 5px #281922;
  padding:9px 13px;
  margin:0 0 30px 4%;
  transform:rotate(-2deg);
}
.sticker-sheet-label b,.sticker-sheet-label span{display:block}
.sticker-sheet-label span{font-size:8px;margin-top:4px}
.sticker-badge-zone .badge-shelf{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:28px 20px!important;
  max-width:1100px;
  margin:auto;
}
.sticker-badge-zone .site-badge{
  width:210px!important;
  min-height:230px!important;
  border:3px solid #281922!important;
  border-radius:28px 8px 22px 10px!important;
  box-shadow:7px 8px #ee90ba!important;
  background:#fff!important;
  transform:rotate(-3deg);
}
.sticker-badge-zone .site-badge:nth-child(2n){transform:rotate(3deg);background:#fff9b8!important}
.sticker-badge-zone .site-badge:nth-child(3n){transform:rotate(-1deg);background:#e6e5ff!important}
.sticker-badge-zone .site-badge:nth-child(4n){transform:rotate(4deg);background:#dff7ec!important}
.sticker-badge-zone .site-badge:hover{
  transform:scale(1.04) rotate(0deg)!important;
  z-index:5;
}
.sticker-badge-zone .badge-icon{
  width:74px!important;height:74px!important;
  border-radius:50%!important;
  margin:-28px auto 8px!important;
  background:#fff!important;
  border:3px solid #281922!important;
  display:grid!important;place-items:center!important;
  font-size:34px!important;
}
.sticker-badge-zone .badge-mini-progress{
  border-radius:8px!important;
  height:7px!important;
}

/* ---------- Footer: old web ring ---------- */
.oldweb-buttons{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:5px;
  padding:20px 12px 4px;
  background:#fff;
}
.oldweb-buttons span{
  width:88px;height:31px;
  display:grid;place-items:center;
  text-align:center;
  border:1px solid #111;
  background:linear-gradient(135deg,#ff8fc2,#fff36b);
  color:#111;
  font:6px Arial,sans-serif;
  line-height:1.05;
}
.oldweb-buttons span:nth-child(2){background:linear-gradient(135deg,#a7c8ff,#fff)}
.oldweb-buttons span:nth-child(3){background:#111;color:#8cff9e}
.oldweb-buttons span:nth-child(4){background:linear-gradient(#fff,#ddd)}
.oldweb-buttons b{font-size:7px}
.webring{
  display:flex;
  justify-content:center;
  gap:18px;
  align-items:center;
  padding:8px 12px 20px;
  background:#fff;
  font:9px "Courier New",monospace;
}
.webring a{text-decoration:underline}

/* ---------- Profiles: MySpace-like social zone ---------- */
.myspace-profile-intro{
  background:#003399!important;
  color:#fff!important;
  border-bottom:8px solid #ffb0cf!important;
}
.myspace-profile-intro h1,
.myspace-profile-intro h2{font-family:Arial,sans-serif!important}
.myspace-friends-shell{
  background:#e8f0fa!important;
}
.myspace-friends-shell h2{
  font-family:Arial,sans-serif!important;
  color:#003399!important;
}
.myspace-comments-zone{
  border:1px solid #9eb4cf!important;
  box-shadow:none!important;
}
.myspace-comments-zone h2{
  margin:-20px -20px 18px!important;
  padding:8px 12px!important;
  background:#6698cb!important;
  color:#fff!important;
  font-family:Arial,sans-serif!important;
}

/* ---------- Mobile: let each weird layout survive without breaking ---------- */
@media(max-width:900px){
  .livejournal-layout{
    grid-template-columns:1fr!important;
  }
  .lj-profile-rail{
    position:static!important;
    display:grid;
    grid-template-columns:90px 1fr;
    gap:10px;
  }
  .lj-userpic{
    height:90px;
    grid-row:1/4;
  }
  .lj-profile-rail dl{
    grid-column:1/-1;
  }
  .playlist-section{
    grid-template-columns:1fr!important;
    width:calc(100% - 32px)!important;
    margin:42px 16px!important;
  }
  .playlist-section>div:not(.itunes-chrome):not(.itunes-bottom){
    border-right:0!important;
    border-bottom:1px solid #999;
  }
  .scrapbook-note{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    margin:24px auto 0!important;
  }
  .myspace-topbar{
    margin-left:-18px!important;
    margin-right:-18px!important;
    padding-left:18px!important;
    padding-right:18px!important;
    flex-direction:column;
    gap:4px;
  }
}
@media(max-width:560px){
  .playlist-section>ol li{
    grid-template-columns:28px 1fr!important;
  }
  .playlist-section>ol li em{
    grid-column:2;
  }
  .itunes-chrome{
    grid-template-columns:auto 1fr;
  }
  .itunes-chrome small{display:none}
  .itunes-bottom{
    grid-template-columns:auto auto auto 1fr;
  }
  .itunes-bottom em{display:none}
  .sticker-badge-zone .site-badge{
    width:min(260px,86vw)!important;
  }
}


/* ============================================================
   PERSONALITY REDESIGN V2
   pink, varied, less same-card-everywhere
   ============================================================ */

/* ---------- NEW HERE membership strip ---------- */
.starter-membership{
  position:relative;
  margin-top:28px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:15px 28px;
  align-items:center;
  background:#281922;
  color:#fff;
  border:3px solid #281922;
  box-shadow:8px 8px #ff8fc2;
  padding:20px 22px;
}
.starter-membership-stamp{
  position:absolute;
  right:18px;top:-17px;
  background:#fff45e;color:#c00060;
  border:2px solid #281922;
  padding:6px 9px;
  font-size:8px;font-weight:1000;
  transform:rotate(4deg);
}
.starter-membership-copy small{
  display:block;color:#ff9dca;
  text-transform:uppercase;font-size:7px;font-weight:900;letter-spacing:.12em;
}
.starter-membership-copy b{
  display:block;font:30px/1 Georgia,serif;margin:5px 0 7px;
}
.starter-membership-copy p{font-size:10px;line-height:1.5;color:#ffe8f3}
.starter-membership-actions{display:flex;gap:8px}
.starter-membership-actions button{
  min-height:44px;border:2px solid #fff;
  padding:10px 14px;font-size:9px;font-weight:1000;
  background:#ee087c;color:#fff;cursor:pointer;
  box-shadow:3px 3px #fff45e;
}
.starter-membership-actions button+button{background:#fff;color:#281922}
.starter-membership-checks{
  grid-column:1/-1;
  display:flex;flex-wrap:wrap;gap:8px;
  border-top:1px dashed #8d6779;padding-top:12px;
}
.starter-membership-checks span{
  font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#ffd0e6;
}

/* ---------- COMMUNITY: pink corkboard, goodbye blue ---------- */
.pink-community-board{
  position:relative;
  background:
    radial-gradient(circle at 12px 12px,rgba(116,57,76,.13) 1px,transparent 1.5px) 0 0/24px 24px,
    #f6d7c9!important;
  border-top:7px solid #b97862!important;
  border-bottom:7px solid #b97862!important;
  padding-top:62px!important;
}
.community-board-tape{
  position:absolute;top:18px;left:50%;
  transform:translateX(-50%) rotate(-1deg);
  background:#fff5a5;border:1px solid #d2bf65;
  padding:7px 18px;
  font:900 8px/1 "Courier New",monospace;
  letter-spacing:.12em;color:#7b4255;
  box-shadow:3px 4px rgba(76,42,46,.12);
}
.pink-community-board .community-pulse-head h2{
  color:#7f244d!important;
  font-family:Georgia,serif!important;
  text-shadow:none!important;
}
.pink-community-board .community-pulse-head p{color:#c00060!important}
.pink-community-board .community-pulse-grid{gap:24px!important}
.pink-community-board .pulse-card{
  position:relative;
  border:0!important;
  box-shadow:7px 8px rgba(79,41,54,.18)!important;
  background:#fff7ad!important;
  font-family:inherit!important;
  transform:rotate(-1.5deg);
  padding:22px!important;
}
.pink-community-board .pulse-card:nth-child(2){
  background:#ffd8e8!important;transform:rotate(1.5deg);
}
.pink-community-board .pulse-card:nth-child(3){
  background:#fefaf2!important;transform:rotate(-.5deg);
}
.pink-community-board .pulse-card:before{
  content:"";
  position:absolute;top:-13px;left:35%;
  width:82px;height:25px;background:rgba(255,226,143,.72);
  transform:rotate(3deg);
}
.pink-community-board .pulse-card>p{
  margin:0 0 12px!important;padding:0!important;
  background:none!important;color:#7f244d!important;
  font-family:"Comic Sans MS","Marker Felt",cursive;
}
.pink-community-board .pulse-sticker{
  border-radius:50%!important;
  width:42px;height:42px;display:grid;place-items:center;
  background:#c00060!important;color:#fff!important;border:2px solid #281922!important;
}

/* ---------- PERSONALITY ARCADE: bubblegum instead of purple ---------- */
.pink-arcade-zone{
  display:block!important;
  position:relative;
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.75) 0 2px,transparent 3px) 0 0/30px 30px,
    linear-gradient(180deg,#ff92c5 0%,#ffd2e8 52%,#fff4dc 100%)!important;
  color:#281922!important;
  border-top:6px solid #c00060!important;
  border-bottom:6px solid #c00060!important;
  padding:48px 6vw 68px!important;
}
.pink-arcade-zone:before,.pink-arcade-zone:after{display:none!important}
.arcade-window-bar{
  max-width:1040px;margin:0 auto;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;
  padding:8px 11px;
  background:linear-gradient(#fff,#e8c6d5);
  border:2px solid #5a3043;
  box-shadow:6px 6px #c00060;
  font:9px Arial,sans-serif;
}
.arcade-window-dots{display:flex;gap:5px}
.arcade-window-dots i{width:11px;height:11px;border-radius:50%;background:#ff6d78;border:1px solid #5a3043}
.arcade-window-dots i:nth-child(2){background:#fff05c}
.arcade-window-dots i:nth-child(3){background:#7ee2a0}
.arcade-window-bar>b{text-align:center}
.arcade-window-bar>span{text-transform:uppercase;color:#8b4d68}
.arcade-intro{
  max-width:1040px;margin:0 auto;
  display:grid;grid-template-columns:330px minmax(0,1fr);gap:30px;
  align-items:center;
  background:#fff8ef;border:2px solid #5a3043;border-top:0;
  padding:30px;
}
.arcade-machine{
  background:#c00060;border:5px solid #5d1d40;border-radius:24px 24px 12px 12px;
  padding:18px 17px 22px;
  box-shadow:8px 10px #f3ac40;
  transform:rotate(-1deg);
}
.arcade-screen{
  min-height:185px;background:#2a1830;color:#fff;
  border:7px inset #f8b0cd;border-radius:9px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  padding:20px;
  box-shadow:inset 0 0 35px rgba(255,92,171,.35);
}
.arcade-screen span{color:#fff45e;font:900 9px "Courier New",monospace;letter-spacing:.15em}
.arcade-screen b{font:900 25px/1.05 Arial,sans-serif;margin:9px 0;color:#ffb0d4}
.arcade-screen small{font:8px "Courier New",monospace;color:#fff}
.arcade-controls{height:65px;position:relative;margin-top:13px}
.arcade-controls i{
  position:absolute;left:34px;bottom:0;width:30px;height:30px;border-radius:50%;
  background:#ffdd36;border:4px solid #5d1d40;
}
.arcade-controls i:after{
  content:"";position:absolute;width:8px;height:28px;background:#5d1d40;left:7px;bottom:22px;
}
.arcade-controls b{
  position:absolute;right:34px;bottom:3px;width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;background:#fff;border:3px solid #5d1d40;color:#c00060;
}
.arcade-controls b:last-child{right:80px;background:#ff795f}
.arcade-info>p{
  color:#c00060!important;font-size:8px!important;text-transform:uppercase;font-weight:900;letter-spacing:.14em;
}
.arcade-info h2{
  font:clamp(38px,5vw,62px)/.9 Georgia,serif!important;
  color:#281922!important;text-shadow:3px 3px #ffafd2!important;margin:8px 0 15px;
}
.arcade-info>span{display:block;max-width:570px;font-size:11px;line-height:1.55}
.arcade-stat-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 13px;
}
.arcade-stat-grid>div{
  border:2px solid #281922;background:#fff;padding:10px;
  box-shadow:3px 3px #ffabcD;
}
.arcade-stat-grid small,.arcade-stat-grid b{display:block}
.arcade-stat-grid small{font-size:7px;color:#9d5374;text-transform:uppercase}
.arcade-stat-grid b{font:20px Georgia,serif;margin-top:3px}
.arcade-prize{
  display:flex;gap:10px;align-items:center;
  background:#fff45e;border:2px dashed #8b4b24;padding:10px 12px;max-width:360px;
  transform:rotate(1deg);
}
.arcade-prize>i{font-style:normal;font-size:26px}
.arcade-prize small,.arcade-prize b{display:block}
.arcade-prize small{font-size:7px;text-transform:uppercase;color:#8f4b2f}
.arcade-prize b{font:17px Georgia,serif}
.arcade-marquee{
  max-width:1040px;margin:0 auto 24px;
  display:flex;justify-content:center;gap:18px;flex-wrap:wrap;
  padding:8px;border:2px solid #5a3043;border-top:0;background:#ffd1e5;
  font:900 8px "Courier New",monospace;color:#95164d;
}
.arcade-marquee i{font-style:normal}
.pink-arcade-zone .quiz-box{
  max-width:820px;margin:0 auto!important;
  background:#fff!important;border:3px solid #281922!important;
  box-shadow:9px 9px #c00060!important;
  font-family:inherit!important;
}
.pink-arcade-zone .quiz-option{
  min-height:48px;background:#fff4da!important;border:2px solid #281922!important;
  box-shadow:3px 3px #ff9ac6!important;color:#281922!important;
}
.pink-arcade-zone .quiz-option:hover{background:#ffdaea!important;transform:translateY(-2px)}
.pink-arcade-zone .quiz-progress{color:#c00060!important}

/* ---------- JOURNAL: locked notebook, LiveJournal is gone ---------- */
.locked-diary-zone{
  position:relative;
  background:
    linear-gradient(90deg,transparent 54px,#e6a0b9 55px,#e6a0b9 57px,transparent 58px),
    repeating-linear-gradient(#fffdf7 0 30px,#cfd7e6 31px,#fffdf7 32px)!important;
  border-top:10px solid #b63c72!important;
  border-bottom:10px solid #b63c72!important;
  padding:54px 6vw 74px!important;
}
.locked-diary-zone:before{
  content:"";
  position:absolute;left:23px;top:0;bottom:0;width:12px;
  background:radial-gradient(circle,#7a3150 3px,transparent 4px) 0 12px/12px 34px repeat-y;
}
.diary-cover{
  position:relative;
  max-width:1040px;margin:0 auto 40px;
  min-height:250px;
  display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;
  background:linear-gradient(135deg,#c9417e,#f179ab);
  color:#fff;border:5px solid #7d244e;border-radius:8px 20px 20px 8px;
  box-shadow:12px 13px #542338;
  padding:32px 38px;
  transform:rotate(-.4deg);
}
.diary-cover:after{
  content:"PRIVATE";position:absolute;right:35px;bottom:25px;
  border:3px solid rgba(255,255,255,.65);padding:7px 13px;
  font:900 14px "Courier New",monospace;transform:rotate(-8deg);opacity:.7;
}
.diary-lock{
  width:92px;height:112px;display:grid;place-items:center;
  border-radius:50px 50px 15px 15px;background:#e5b738;border:5px solid #7d5420;
  color:#8c2a58;font-size:38px;box-shadow:inset 0 0 0 5px #f9dc7d;
}
.diary-cover-copy small{font:900 8px "Courier New",monospace;color:#fff7a0}
.diary-cover-copy h2{font:clamp(54px,7vw,88px)/.8 Georgia,serif!important;color:#fff!important;margin:9px 0 16px}
.diary-cover-copy p{font-size:11px;line-height:1.5;max-width:620px}
.diary-cover-meta{
  display:grid;gap:8px;min-width:175px;background:rgba(255,255,255,.13);
  border:1px dashed rgba(255,255,255,.7);padding:13px;
}
.diary-cover-meta span,.diary-cover-meta b{display:block}
.diary-cover-meta span{font-size:8px}
.diary-cover-meta b{text-transform:uppercase;color:#fff7a0;font-size:7px}
.diary-tabs{
  position:absolute;right:-34px;top:30px;display:grid;gap:7px;
}
.diary-tabs i{
  font-style:normal;background:#fff6a8;color:#7d244e;border:2px solid #7d244e;
  padding:9px 7px;font-size:8px;font-weight:900;border-radius:0 7px 7px 0;
}
.diary-notebook-layout{
  max-width:1040px;margin:auto!important;display:block!important;
}
.locked-diary-zone .filter-bar{
  width:max-content;max-width:100%;margin:0 0 24px 82px!important;
  background:#fff6a8!important;border:1px solid #d9c45d!important;
  padding:7px!important;transform:rotate(-1deg);
  box-shadow:4px 4px rgba(74,47,45,.12)!important;
}
.locked-diary-zone .filter-bar button{
  background:transparent!important;border:0!important;box-shadow:none!important;
  color:#7d244e!important;text-decoration:underline;
}
.locked-diary-zone .posts-list{
  display:grid;grid-template-columns:1fr 1fr;gap:36px 28px;
}
.locked-diary-zone .posts-list article{
  position:relative;
  margin:0!important;
  background:#fffdf7!important;
  border:1px solid #c9bdae!important;
  border-left:0!important;
  box-shadow:8px 10px rgba(72,43,47,.17)!important;
  padding:24px 24px 26px 70px!important;
  transform:rotate(-.6deg);
  overflow:visible;
}
.locked-diary-zone .posts-list article:nth-child(even){transform:rotate(.7deg)}
.locked-diary-zone .posts-list article:before{
  content:"";
  position:absolute;left:18px;top:0;bottom:0;width:18px;
  background:radial-gradient(circle,#baaeb2 4px,transparent 5px) 0 14px/18px 31px repeat-y;
}
.locked-diary-zone .posts-list article:after{
  content:"";
  position:absolute;top:-12px;left:45%;width:105px;height:27px;
  background:rgba(255,226,136,.64);transform:rotate(2deg);
}
.locked-diary-zone .post-meta{
  margin:0 0 10px!important;padding:0!important;background:none!important;border:0!important;
  color:#9d5a75!important;font:900 8px "Courier New",monospace!important;text-transform:uppercase;
}
.locked-diary-zone .posts-list h3{
  font:31px/1 Georgia,serif!important;color:#5f2440!important;
  margin:10px 0!important;
}
.locked-diary-zone .post-deck{font-size:11px;line-height:1.6}
.diary-entry-top{
  margin:12px 0 14px;padding:10px 12px;background:#ffe0ec;
  border-left:4px solid #c00060;position:relative;
}
.diary-entry-mini{
  display:flex;flex-wrap:wrap;gap:7px 16px;
  font:8px "Courier New",monospace;color:#6d4557;
}
.diary-entry-mini b{color:#c00060}
.diary-entry-tab{
  position:absolute;right:-35px;top:7px;background:#ffec8a;
  border:1px solid #bd9f32;padding:5px 7px;
  font:900 7px "Courier New",monospace;transform:rotate(4deg);
}
.diary-paperclip{
  position:absolute;left:-20px;top:-18px;font-size:34px;color:#858585;transform:rotate(-25deg);
}
.locked-diary-zone .post-full{
  background:#fff9c8!important;border-left:3px solid #e5ba45!important;
  font-family:"Comic Sans MS","Marker Felt",cursive;
}
.locked-diary-zone .post-actions button{
  color:#c00060!important;background:transparent!important;border:0!important;
  box-shadow:none!important;text-decoration:underline!important;
}

/* ---------- CAMERA polish only ---------- */
.camera-developed-stamp{
  position:absolute;left:6%;bottom:35px;
  border:3px solid #b23e68;color:#b23e68;padding:7px 10px;
  font:900 10px "Courier New",monospace;
  transform:rotate(7deg);opacity:.65;
}

/* ---------- WORKING IPOD ---------- */
.ipod-working-zone{
  grid-template-columns:320px minmax(0,1fr)!important;
}
.ipod-working-zone .ipod-sidebar{
  display:block!important;padding:24px!important;
  background:linear-gradient(#ededed,#c7c7c7)!important;
  border-right:1px solid #858585!important;
}
.ipod-device{
  width:210px;margin:0 auto 22px;padding:14px 15px 22px;
  border-radius:24px;background:linear-gradient(135deg,#f8a8cb,#e66d9e);
  border:1px solid #9b4568;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45),6px 8px rgba(35,27,30,.22);
}
.ipod-screen{
  min-height:125px;background:#d8e3c7;border:4px inset #998f8e;
  color:#263024;padding:10px;font:10px Arial,sans-serif;
}
.ipod-screen small,.ipod-screen b,.ipod-screen span,.ipod-screen em{display:block}
.ipod-screen small{font-size:7px;text-align:center;border-bottom:1px solid #697262;padding-bottom:5px}
.ipod-screen b{font-size:13px;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ipod-screen span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ipod-screen-progress{height:6px;background:#adb7a1;border:1px solid #727b68;margin:13px 0 4px;overflow:hidden}
.ipod-screen-progress i{display:block;width:0;height:100%;background:#30382d}
.ipod-screen em{font-style:normal;font-size:7px;text-align:right}
.ipod-wheel{
  position:relative;width:140px;height:140px;margin:16px auto 0;border-radius:50%;
  background:#f7f6f3;box-shadow:inset 0 0 0 1px #aaa;color:#7e6a73;font:900 8px Arial,sans-serif;
}
.ipod-wheel span{position:absolute;top:11px;left:50%;transform:translateX(-50%)}
.ipod-wheel i{position:absolute;font-style:normal}
.ipod-wheel i:nth-of-type(1){left:10px;top:64px}
.ipod-wheel i:nth-of-type(2){right:10px;top:64px}
.ipod-wheel i:nth-of-type(3){left:50%;bottom:10px;transform:translateX(-50%)}
.ipod-wheel b{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:62px;height:62px;border-radius:50%;background:#e48ab0;box-shadow:inset 0 0 0 1px #b96689;
}
.ipod-copy p{font:900 8px Arial,sans-serif;color:#777;text-transform:uppercase}
.ipod-copy h2{font:36px/.9 Arial,sans-serif!important;color:#333!important;margin:5px 0 10px}
.ipod-copy span{font:9px Arial,sans-serif;color:#555}
.itunes-library{background:#fff;min-width:0}
.itunes-columns,
.ipod-working-zone #ipodTrackList li{
  display:grid!important;
  grid-template-columns:38px minmax(120px,.8fr) minmax(150px,1fr) 100px!important;
  gap:10px;align-items:center;
}
.itunes-columns{
  padding:7px 12px;background:linear-gradient(#f7f7f7,#d4d4d4);
  border-bottom:1px solid #999;color:#555;font:9px Arial,sans-serif;
}
.itunes-columns em{font-style:normal}
.ipod-working-zone #ipodTrackList{
  list-style:none;padding:0;margin:0;
}
.ipod-working-zone #ipodTrackList li{
  min-height:46px;padding:8px 12px!important;margin:0!important;
  border-bottom:1px solid #ddd!important;background:#fff!important;
  cursor:pointer;font:11px Arial,sans-serif!important;
}
.ipod-working-zone #ipodTrackList li:nth-child(even){background:#edf4ff!important}
.ipod-working-zone #ipodTrackList li:hover,
.ipod-working-zone #ipodTrackList li:focus-visible{background:#cde3ff!important;outline:none}
.ipod-working-zone #ipodTrackList li.active{background:#3c7fc4!important;color:#fff!important}
.ipod-working-zone #ipodTrackList li.active b,
.ipod-working-zone #ipodTrackList li.active em,
.ipod-working-zone #ipodTrackList li.active small{color:#fff!important}
.ipod-working-zone #ipodTrackList li em{font-style:normal;color:#333}
.ipod-working-zone #ipodTrackList li small{font-size:8px;color:#888}
.ipod-real-controls{
  grid-template-columns:auto auto auto minmax(90px,1fr) auto auto!important;
}
.ipod-real-controls button{
  border:1px solid #888;background:linear-gradient(#fff,#ccc);
  min-width:36px;min-height:30px;border-radius:4px;cursor:pointer;color:#333;
}
.ipod-real-controls #ipodPlay{font-size:16px}
.ipod-real-controls a{
  font:8px Arial,sans-serif;color:#245e9b;text-decoration:underline;white-space:nowrap;
}
.ipod-legal-note{
  grid-column:1/-1;margin:0;padding:6px 10px;background:#e7e7e7;
  color:#777;font:7px Arial,sans-serif;text-align:center;border-top:1px solid #aaa;
}

/* ---------- BADGE BOOK ---------- */
.badge-book-dashboard{
  max-width:780px;margin:0 auto 34px;
  display:grid;grid-template-columns:auto 1fr;gap:12px 24px;align-items:center;
  background:#281922;color:#fff;border:3px solid #281922;
  box-shadow:7px 7px #ff8fc2;padding:17px 20px;
}
.badge-book-dashboard>div:first-child small,
.badge-book-dashboard>div:first-child b,
.badge-book-dashboard>div:first-child span{display:block}
.badge-book-dashboard small{font-size:7px;color:#ff9cca;text-transform:uppercase}
.badge-book-dashboard b{font:31px Georgia,serif}
.badge-book-dashboard span{font-size:8px;color:#ffd8e9}
.badge-book-dashboard p{grid-column:1/-1;font-size:9px;color:#ffe8f3}
.badge-book-meter{height:13px;border:2px solid #fff;background:#4f3341;overflow:hidden}
.badge-book-meter i{display:block;width:0;height:100%;background:repeating-linear-gradient(45deg,#ff58aa 0 9px,#fff45e 9px 18px);transition:.3s}
.badge-rarity{
  width:max-content;max-width:100%;display:block;margin-bottom:7px;
  padding:4px 7px;border:1px solid #281922;background:#fff;
  font-size:6px!important;text-transform:uppercase;letter-spacing:.08em;font-weight:1000;
}
.rarity-common{background:#f2f2f2}.rarity-cute{background:#ffd7e8}
.rarity-iconic{background:#fff36c}.rarity-rare{background:#ded9ff}.rarity-secret{background:#281922!important;color:#fff}

/* ---------- PINK LIST as membership mail ---------- */
.pink-list-club{
  position:relative;
  background:linear-gradient(135deg,#fff5eb 0 50%,#ffd6e7 50%)!important;
  border-top:6px double #c00060!important;border-bottom:6px double #c00060!important;
}
.pink-list-card-label{
  position:absolute;left:6vw;top:-16px;
  background:#281922;color:#fff;padding:6px 11px;border:2px solid #fff;
  font:900 8px "Courier New",monospace;letter-spacing:.1em;transform:rotate(-2deg);
}
.pink-list-club .weekly-form-large{
  background:#fff!important;border:3px solid #281922!important;box-shadow:7px 7px #c00060!important;
}

/* ---------- PROFILES: pink ID card + sticker passport + note wall ---------- */
.pink-profile-intro{
  background:
    radial-gradient(circle at 10px 10px,rgba(255,255,255,.55) 2px,transparent 2.5px) 0 0/25px 25px,
    linear-gradient(135deg,#f57cad,#ffb7d6)!important;
  color:#281922!important;border-bottom:7px solid #c00060!important;
}
.pink-profile-intro h1{font-family:Georgia,serif!important;text-shadow:3px 3px #fff}
.pink-profile-shell{background:#fff5eb!important}
.profile-id-card{
  position:relative;display:grid;grid-template-columns:130px 1fr;gap:18px;
  background:linear-gradient(135deg,#ffd6e8,#fff8ef);
  border:3px solid #281922;box-shadow:8px 8px #c00060;padding:19px;margin-bottom:24px;
}
.profile-id-photo img{
  width:118px;height:118px;object-fit:cover;border:4px solid #fff;outline:2px solid #281922;
}
.profile-id-photo span{
  display:block;margin-top:7px;background:#281922;color:#fff;text-align:center;padding:5px;
  font-size:7px;font-weight:900;
}
.profile-id-copy>small{color:#c00060;font-size:7px;font-weight:900;letter-spacing:.12em}
.profile-id-copy h1{font:46px/.9 Georgia,serif;margin:7px 0}
.profile-id-copy>p{font-size:9px;color:#775264}
.profile-id-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.profile-id-stats span{background:#fff;border:1px solid #281922;padding:7px 9px;font-size:7px}
.profile-id-stats b{font-size:10px;color:#c00060}
.profile-id-stamp{
  position:absolute;right:14px;top:13px;border:2px solid #c00060;color:#c00060;padding:5px;
  font:900 7px "Courier New",monospace;transform:rotate(7deg);opacity:.7;
}
.profile-badge-passport{
  background:#fff;border:2px solid #281922;padding:18px;box-shadow:5px 5px #f2afc9;
}
.profile-badge-passport-head{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:17px}
.profile-badge-passport-head p{font-size:7px;color:#c00060;text-transform:uppercase;font-weight:900}
.profile-badge-passport-head h2{font:28px Georgia,serif}
.profile-badge-passport-head>span{font-size:8px;color:#8c6879}
.profile-badge-passport-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.profile-passport-badge{
  min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  border:1px dashed #bc8ea3;background:#fff8c9;padding:8px;transform:rotate(-1deg);
}
.profile-passport-badge:nth-child(even){background:#ffe1ee;transform:rotate(1deg)}
.profile-passport-badge i{font-style:normal;font-size:28px}
.profile-passport-badge b{font:14px Georgia,serif;margin:6px 0 3px}
.profile-passport-badge small{font-size:6px;text-transform:uppercase;color:#987082}
.profile-passport-badge.locked{filter:grayscale(.8);opacity:.48}
.pink-note-wall{
  position:relative;background:#f6d7c9!important;border:5px solid #b97962!important;box-shadow:none!important;
  padding:26px!important;
}
.pink-note-wall:before{
  content:"PINK NOTE WALL ♡";display:block;width:max-content;margin:-43px auto 20px;
  background:#fff5a5;border:1px solid #cbb863;padding:6px 11px;
  font:900 8px "Courier New",monospace;transform:rotate(-1deg);
}
.pink-note-wall .profile-wall-heading h2{font-family:"Comic Sans MS","Marker Felt",cursive!important;color:#7f244d!important}
.pink-note-wall .profile-wall-form{
  background:#ffd9e9!important;border:0!important;box-shadow:5px 6px rgba(78,41,53,.13)!important;
  transform:rotate(.5deg);
}
.pink-note-wall .profile-wall-note{
  background:#fff8a9!important;border:0!important;box-shadow:5px 6px rgba(78,41,53,.12)!important;
  transform:rotate(-.7deg);margin-bottom:17px!important;
}
.pink-note-wall .profile-wall-note:nth-child(even){background:#ffdce9!important;transform:rotate(.7deg)}
.pink-note-wall .profile-wall-note:before{
  content:"";display:block;width:80px;height:19px;background:rgba(255,229,143,.65);
  margin:-18px auto 9px;transform:rotate(2deg);
}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .arcade-intro{grid-template-columns:1fr!important}
  .arcade-machine{max-width:360px;margin:auto}
  .diary-cover{grid-template-columns:auto 1fr!important}
  .diary-cover-meta{grid-column:1/-1}
  .locked-diary-zone .posts-list{grid-template-columns:1fr!important}
  .ipod-working-zone{grid-template-columns:1fr!important}
  .ipod-working-zone .ipod-sidebar{border-right:0!important;border-bottom:1px solid #858585!important}
  .profile-badge-passport-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
  .starter-membership{grid-template-columns:1fr!important}
  .starter-membership-actions{width:100%}
  .starter-membership-actions button{flex:1}
  .arcade-intro{padding:18px!important}
  .arcade-stat-grid{grid-template-columns:1fr 1fr}
  .diary-cover{grid-template-columns:1fr!important;padding:25px 22px}
  .diary-lock{width:68px;height:78px}
  .diary-tabs{display:none}
  .locked-diary-zone{padding-left:28px!important;padding-right:16px!important}
  .locked-diary-zone .filter-bar{margin-left:25px!important}
  .locked-diary-zone .posts-list article{padding-left:52px!important}
  .itunes-columns,
  .ipod-working-zone #ipodTrackList li{
    grid-template-columns:28px 1fr 80px!important;
  }
  .itunes-columns em,
  .ipod-working-zone #ipodTrackList li em{grid-column:2}
  .itunes-columns small{display:none}
  .ipod-working-zone #ipodTrackList li small{grid-column:3;grid-row:1/3}
  .ipod-real-controls{grid-template-columns:auto auto auto 1fr!important}
  .ipod-real-controls em,.ipod-real-controls a{grid-column:1/-1;text-align:center}
  .profile-id-card{grid-template-columns:90px 1fr;padding:13px}
  .profile-id-photo img{width:78px;height:78px}
  .profile-id-copy h1{font-size:34px}
  .profile-id-stamp{display:none}
  .profile-badge-passport-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ============================================================
   ABOUT ZEYNEP + PINK LIST FIX
   ============================================================ */
.about-zeynep-section{
  grid-template-columns: 320px minmax(0,1fr) 360px !important;
  align-items:start !important;
  gap:26px !important;
  position:relative;
}
.about-section-header{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:6px;
}
.about-tab{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:9px 14px;
  border:2px solid #21121c;
  background:#fff7ed;
  box-shadow:4px 4px #21121c;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:10px;
  font-weight:900;
}
.about-tab.active{
  background:#ee087c;
  color:#fff;
}
.about-zeynep-copy h2{
  font-size:clamp(52px,5vw,88px) !important;
  line-height:.82 !important;
}
.about-fact-grid{
  margin-top:18px;
}
.about-mini-blurbs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:22px;
}
.about-mini-blurbs article{
  background:#fffaf4;
  border:2px solid #21121c;
  box-shadow:5px 5px #ff9bcb;
  padding:16px;
}
.about-mini-blurbs p{
  color:var(--hot);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:9px;
  font-weight:900;
  margin:0 0 8px;
}
.about-mini-blurbs h3{
  font-family:Georgia,serif;
  font-size:27px;
  line-height:1;
  margin:0 0 10px;
}
.about-mini-blurbs span{
  display:block;
  color:#5f4a54;
  font-size:12px;
  line-height:1.6;
}
.about-favorites-board{
  align-self:start;
  background:#fff6ee;
  border:3px solid #21121c;
  box-shadow:10px 10px #ff71b4;
  padding:18px;
  transform:rotate(1deg);
}
.about-board-top p{
  color:var(--hot);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:10px;
  font-weight:900;
  margin:0 0 6px;
}
.about-board-top h3{
  font-family:Georgia,serif;
  font-size:34px;
  line-height:.95;
  margin:0 0 16px;
}
.about-photo-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.about-shot{
  background:#fff;
  border:2px solid #21121c;
  box-shadow:4px 4px #21121c;
  padding:8px;
  transform:rotate(-1deg);
}
.about-shot:nth-child(even){
  transform:rotate(1.2deg);
}
.about-shot-large{grid-column:1/-1;}
.about-shot-wide{grid-column:1/-1;}
.about-shot img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
}
.about-shot-large img{aspect-ratio:4/3;}
.about-shot-wide img{aspect-ratio:16/10;}
.about-shot figcaption{
  margin-top:8px;
  color:#664f5b;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
}
.about-like-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.about-like-pills span{
  background:#ffd8ea;
  border:1px solid #21121c;
  padding:7px 10px;
  font-size:10px;
  font-weight:900;
}

/* bottom mail/pink list contrast fix */
.pink-list-club{
  background:linear-gradient(135deg,#fff2f8 0 52%,#ffc6df 52% 100%) !important;
  color:#21121c !important;
}
.pink-list-club .weekly-copy,
.pink-list-club .weekly-copy p,
.pink-list-club .weekly-copy h2,
.pink-list-club .weekly-copy span,
.pink-list-club .weekly-copy li{
  color:#21121c !important;
}
.pink-list-club .weekly-copy p{
  color:#b1005a !important;
}
.pink-list-club .weekly-copy span{
  color:#5f4451 !important;
}
.pink-list-club .perk-list li{
  color:#3f2a35 !important;
  position:relative;
  padding-left:18px;
}
.pink-list-club .perk-list li::before{
  content:"♡";
  position:absolute;
  left:0;
  top:0;
  color:#b1005a;
}
.pink-list-club .perk-list li::marker{color:#b1005a;}
.pink-list-club .weekly-form-large{
  background:#fff !important;
  border:2px solid #21121c !important;
  box-shadow:7px 7px #21121c !important;
}
.pink-list-club .weekly-form-large button{
  background:#ee087c !important;
  color:#fff !important;
  border:2px solid #21121c !important;
}
.pink-list-club .weekly-form-large small,
.pink-list-club .weekly-status{
  color:#6f4760 !important;
}

@media (max-width:1150px){
  .about-zeynep-section{
    grid-template-columns:320px 1fr !important;
  }
  .about-favorites-board{
    grid-column:1/-1;
    transform:none;
  }
}
@media (max-width:780px){
  .about-zeynep-section{
    grid-template-columns:1fr !important;
  }
  .about-mini-blurbs{
    grid-template-columns:1fr;
  }
  .about-favorites-board,
  .zeynep-card-window{
    max-width:100%;
    transform:none;
  }
}


/* username-only modal + extra avatar pack */
.member-modal-helper-hidden{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}
.member-modal-mini-guide{
  margin:0 0 12px;
  color:#704b60;
  font-size:12px;
  line-height:1.5;
}
.member-modal-avatar-grid{
  grid-template-columns:repeat(auto-fit,minmax(54px,1fr));
}
.member-modal-avatar-option img{
  aspect-ratio:1/1;
  object-fit:cover;
}