:root { color-scheme: dark; font-family: Cairo, sans-serif; background: #100d1d; color: #fff9e8; }
 * { box-sizing: border-box; }
 body { min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 18% 8%, rgba(145, 89, 224, .35), transparent 30%), radial-gradient(circle at 84% 88%, rgba(229, 180, 65, .2), transparent 36%), #100d1d; }
 .public-page { width: min(100%, 540px); border: 1px solid rgba(241, 199, 94, .26); border-radius: 28px; padding: clamp(28px, 7vw, 52px); background: rgba(30, 20, 52, .84); box-shadow: 0 32px 90px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.08); text-align: center; backdrop-filter: blur(18px); }
 .public-avatar { display: grid; width: 102px; height: 102px; place-items: center; overflow: hidden; margin: 0 auto 19px; border: 2px solid #f1c75e; border-radius: 50%; color: #2d1c37; background: linear-gradient(135deg, #fff1b6, #b67ae9); font-family: "Space Grotesk", sans-serif; font-size: 36px; font-weight: 800; }
 .public-avatar img { width: 100%; height: 100%; object-fit: cover; }
 h1 { margin: 0; font-size: clamp(30px, 8vw, 46px); }
 .public-bio { margin: 14px 0 26px; color: #d6c9e6; line-height: 2; white-space: pre-wrap; }
 .public-links { display: grid; gap: 10px; }
 .public-links a { border: 1px solid rgba(241, 199, 94, .24); border-radius: 13px; padding: 13px; color: #fff6de; background: rgba(255,255,255,.05); text-decoration: none; font-weight: 700; transition: transform .18s ease, background .18s ease; }
 .public-links a:hover { background: rgba(157, 101, 228, .22); transform: translateY(-2px); }
 .public-brand { display: inline-block; margin-top: 30px; color: #cbbde0; font-family: "Space Grotesk", sans-serif; font-size: 11px; letter-spacing: 1.4px; text-decoration: none; }
 .public-error { color: #ffd1dc; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; }
}

html body { display: block; padding: 0; overflow-x: hidden; }
body .public-page { width: 100%; min-height: 100vh; border: 0; border-radius: 0; padding: 0; background: transparent; box-shadow: none; text-align: initial; backdrop-filter: none; }
body .public-layout { position: relative; width: 100%; height: 100vh; height: 100svh; min-height: 0; overflow: hidden; background: #0b0711; }
body .public-stage { position: absolute; top: 50%; left: 50%; width: 920px; height: 575px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: #100d1d; box-shadow: 0 25px 70px rgba(0,0,0,.5); transform: translate(-50%, -50%); transform-origin: center; }
body .public-background, body .public-background-media, body .public-background-overlay, body .public-background-vignette, body .public-background-grain { position: absolute; inset: 0; }
body .public-background { z-index: 0; }
body .public-background-media { width: 100%; height: 100%; object-fit: cover; }
body .public-background-overlay, body .public-background-vignette, body .public-background-grain { pointer-events: none; }
body .public-background-vignette { background: radial-gradient(circle, transparent 45%, rgba(0,0,0,var(--vignette,0)) 100%); }
body .public-background-grain { background-image: radial-gradient(rgba(255,255,255,.48) .6px, transparent .7px); background-size: 4px 4px; mix-blend-mode: soft-light; }
body .public-element { position: absolute; display: grid; min-width: 24px; min-height: 24px; }
body .public-tab-content { position: absolute; z-index: 2; inset: 0; }
body .public-tab-content.transition-fade .public-element:not([hidden]) { animation: tab-fade .28s ease both; }
body .public-tab-content.transition-slide .public-element:not([hidden]) { animation: tab-slide .3s ease both; }
body .public-tab-content.transition-blur .public-element:not([hidden]) { animation: tab-blur .3s ease both; }
body .public-tabs { position: absolute; z-index: 50; top: 10px; right: 50%; display: flex; max-width: calc(100% - 20px); gap: 4px; overflow-x: auto; transform: translateX(50%); padding: 5px; border: 1px solid rgba(245,206,107,.24); border-radius: 999px; background: rgba(19,12,34,.76); box-shadow: 0 7px 20px rgba(0,0,0,.24); backdrop-filter: blur(10px); }
body .public-tabs button { flex: 0 0 auto; border: 0; border-radius: 999px; padding: 5px 9px; color: #ddd0eb; background: transparent; cursor: pointer; font: inherit; font-size: 9px; }
body .public-tabs button[aria-selected="true"] { color: #2a1a34; background: #f2c75f; font-weight: 800; }
body .page-reactions { position: absolute; z-index: 36; bottom: 44px; left: 18px; display: flex; flex-wrap: wrap; gap: 6px; max-width: min(340px, calc(100% - 36px)); }
body .page-reactions button { border: 1px solid rgba(245,206,107,.28); border-radius: 999px; padding: 6px 9px; color: #fff7e5; background: rgba(22,14,39,.78); cursor: pointer; backdrop-filter: blur(10px); }
body .page-reactions button[aria-pressed="true"] { border-color: #f3c860; background: rgba(243,200,96,.2); }
body .page-remix { position: absolute; z-index: 36; bottom: 86px; left: 18px; display: grid; gap: 3px; }
body .page-remix button { border: 1px solid rgba(214,155,240,.4); border-radius: 999px; padding: 7px 11px; color: #fff3ff; background: rgba(39,20,61,.8); cursor: pointer; font: inherit; backdrop-filter: blur(10px); }
body .page-remix small { color: #dbc9eb; font-size: 10px; text-align: center; }
body .public-profile-card { display: grid; justify-items: center; align-content: center; width: 100%; height: 100%; overflow: hidden; border-style: solid; color: #fff8e6; }
body .public-profile-card h1 { margin: 8px 0 2px; font-size: clamp(18px, 2.4vw, 30px); }
body .public-profile-card .public-bio { max-width: 90%; margin: 0; color: #d8cae8; font-size: clamp(10px, 1.3vw, 15px); line-height: 1.7; white-space: pre-wrap; }
body .public-profile-card .public-avatar { display: grid; place-items: center; overflow: hidden; margin: 0; border-style: solid; color: #2d1d34; background: linear-gradient(135deg, #ffefb3, #b978e9); font-family: "Space Grotesk", sans-serif; font-size: 36px; font-weight: 800; }
body .public-avatar img, body .public-banner img { width: 100%; height: 100%; object-fit: cover; }
body .public-banner { width: 100%; height: 28%; overflow: hidden; margin-bottom: 9px; }
body .public-text { width: 100%; height: 100%; padding: 4px; white-space: pre-wrap; }
body .public-social-links { display: block; }
body .public-social-links .public-links { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; gap: 5px; padding: 4px; flex-wrap: wrap; }
body .public-social-links .public-links a { border: 1px solid rgba(245,206,107,.3); border-radius: 7px; padding: .5em .7em; color: #fff6de; background: rgba(255,255,255,.07); font-size: inherit; text-align: center; text-decoration: none; }
body .public-social-links .button-preset-bubble a { border: 1px solid rgba(255,255,255,.2); border-radius: 999px; padding: .62em 1em; background: linear-gradient(145deg, color-mix(in srgb, var(--button-background) 72%, white), color-mix(in srgb, var(--button-background) 78%, #281536)); box-shadow: inset 0 1px 1px rgba(255,255,255,.32), 0 .42em .9em color-mix(in srgb, var(--button-background) 32%, transparent); }
body .public-social-links .button-preset-flat a { border: 0; border-radius: .42em; background: var(--button-background); box-shadow: none; }
body .public-social-links .button-preset-glass a { border-color: rgba(255,255,255,.24); background: color-mix(in srgb, var(--button-background) 22%, transparent); box-shadow: inset 0 1px 0 rgba(255,255,255,.16); backdrop-filter: blur(12px); }
body .public-social-links .button-preset-outline a { border: 2px solid var(--button-background); background: transparent; box-shadow: none; }
body .public-social-links .button-preset-pill a { border: 0; border-radius: 999px; padding-inline: 1.15em; background: var(--button-background); box-shadow: 0 .22em .65em rgba(0,0,0,.24); }
body .public-social-links .button-preset-neon a { border: 1px solid var(--button-background); background: color-mix(in srgb, var(--button-background) 10%, #09060f); box-shadow: inset 0 0 .55em color-mix(in srgb, var(--button-background) 24%, transparent), 0 0 .72em color-mix(in srgb, var(--button-background) 72%, transparent); text-shadow: 0 0 .45em currentColor; }
body .public-social-links .button-preset-minimal a { border: 0; border-radius: 0; border-bottom: 1px solid currentColor; padding: .35em .18em; background: transparent; box-shadow: none; }
body .public-social-links .public-links a:hover, body .public-social-links .public-links a:focus-visible { filter: brightness(1.12); transform: translateY(-2px) scale(1.015); }
body .public-image { overflow: hidden; }
body .public-image img { width: 100%; height: 100%; object-fit: cover; }
body .public-image.image-animation-float img { animation: public-image-float 3.4s ease-in-out infinite; }
body .public-image.image-animation-pulse img { animation: public-image-pulse 2.4s ease-in-out infinite; }
body .public-image.image-animation-gentleRotate img { animation: public-image-rotate 5.2s ease-in-out infinite; }
body .public-image.image-animation-fade img { animation: public-image-fade 2.8s ease-in-out infinite; }
body .public-sticker { place-items: center; font-size: clamp(24px, 6vw, 80px); filter: drop-shadow(0 7px 10px rgba(0,0,0,.35)); }
body .public-music { align-items: stretch; overflow: visible; border: 0; border-radius: 0; padding: 0; color: inherit; background: transparent; font-size: inherit; }
body .public-widget { display: grid; width: 100%; height: 100%; align-content: center; justify-items: center; overflow: hidden; border: 1px solid rgba(245,206,107,.3); border-radius: 12px; padding: 9px; color: #fff4d4; background: rgba(28,18,49,.8); text-align: center; }
body .public-widget.widget-quote { font-family: Georgia, serif; font-style: italic; }
body .public-widget.widget-gallery { background: linear-gradient(135deg, rgba(139,88,222,.65), rgba(229,177,57,.35)); }
body .public-widget blockquote { margin: 0; font-family: Georgia, serif; font-style: italic; }
body .public-widget cite { color: #d9c9e8; font-size: .78em; }
body .public-widget.widget-clock { grid-template-columns: auto minmax(0, 1fr); place-items: center stretch; gap: .75em; overflow: hidden; border-color: rgba(245,206,107,.4); background: radial-gradient(circle at 12% 8%, rgba(193,124,248,.25), transparent 40%), linear-gradient(145deg, rgba(39,24,64,.96), rgba(15,10,27,.94)); text-align: right; }
body .clock-icon { display: grid; width: 2.25em; height: 2.25em; place-items: center; align-self: center; border: 1px solid rgba(255,239,177,.42); border-radius: 50%; color: #2b1934; background: linear-gradient(145deg, #fff0ad, #c985ef); box-shadow: 0 0 1em rgba(207,139,243,.28); }
body .clock-face { display: grid; min-width: 0; align-content: center; }
body .clock-time { color: #fff2bb; font-family: "Space Grotesk", monospace; font-size: 2em; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: .04em; line-height: 1.05; }
body .clock-date { margin-top: .35em; overflow: hidden; color: #cbb9db; font-size: .68em; text-overflow: ellipsis; white-space: nowrap; }
body .widget-favorites { display: flex; width: 100%; gap: .55em; overflow: hidden; }
body .widget-favorites figure { min-width: 48px; margin: 0; overflow: hidden; border-radius: .7em; background: rgba(255,255,255,.06); }
body .widget-favorites img { display: block; width: 48px; height: 48px; object-fit: cover; }
body .widget-favorites figcaption { overflow: hidden; padding: .35em; font-size: .7em; text-overflow: ellipsis; white-space: nowrap; }
body .widget-gallery { width: 100%; max-height: 100%; overflow: hidden; gap: .45em; }
body .widget-gallery.layout-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
body .widget-gallery.layout-polaroid { display: flex; overflow: hidden; }
body .widget-gallery.layout-masonry { columns: 2; }
body .widget-gallery figure { break-inside: avoid; margin: 0 0 .45em; overflow: hidden; border-radius: .45em; background: #fff4de; color: #2c1d37; }
body .widget-gallery.layout-polaroid figure { flex: 0 0 115px; padding: 5px 5px 17px; transform: rotate(-2deg); }
body .widget-gallery.layout-polaroid figure:nth-child(even) { transform: rotate(2deg); }
body .widget-gallery img { display: block; width: 100%; min-height: 42px; max-height: 110px; object-fit: cover; }
body .widget-gallery figcaption { padding: .3em; font-size: .65em; }
body .widget-poll { align-content: center; gap: .4em; }
body .widget-poll button { width: 100%; border: 1px solid rgba(245,206,107,.28); border-radius: .55em; padding: .35em .5em; color: inherit; background: rgba(255,255,255,.05); cursor: pointer; }
body .widget-poll button:disabled { opacity: .58; cursor: default; }
body .widget-guestbook { grid-template-rows: auto minmax(0, 1fr) auto; align-content: stretch; justify-items: stretch; gap: .8em; overflow: hidden; border-color: rgba(211,151,242,.3); background: radial-gradient(circle at 90% 0, rgba(192,117,238,.2), transparent 42%), linear-gradient(155deg, rgba(31,19,51,.94), rgba(15,10,27,.9)); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 .8em 2em rgba(0,0,0,.2); text-align: right; }
body .guestbook-header { display: flex; align-items: center; gap: .7em; padding-bottom: .65em; border-bottom: 1px solid rgba(255,255,255,.09); }
body .guestbook-header > span:last-child { display: grid; min-width: 0; }
body .guestbook-header strong { color: #fff0bd; font-size: 1.05em; }
body .guestbook-header small { color: #bfaed1; font-size: .68em; }
body .guestbook-icon { display: grid; width: 2.25em; height: 2.25em; place-items: center; flex: 0 0 auto; border-radius: .75em; color: #2d1b34; background: linear-gradient(145deg, #f5cd68, #c77eeb); box-shadow: 0 .35em 1em rgba(0,0,0,.22); }
body .guestbook-list { display: grid; align-content: start; gap: .65em; min-height: 3.5em; overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(239,196,93,.4) transparent; }
body .guestbook-entry { position: relative; border: 1px solid rgba(255,255,255,.09); border-radius: .85em; padding: .75em; background: rgba(255,255,255,.045); box-shadow: inset 0 1px rgba(255,255,255,.035); }
body .guestbook-entry > header { display: flex; align-items: center; gap: .55em; }
body .guestbook-entry > header > span:nth-child(2) { display: grid; min-width: 0; }
body .guestbook-avatar { display: grid; width: 2.15em; height: 2.15em; place-items: center; flex: 0 0 auto; border: 1px solid rgba(255,237,174,.28); border-radius: 50%; color: #fff1be; background: linear-gradient(145deg, rgba(160,94,218,.72), rgba(86,48,123,.72)); font-weight: 800; }
body .guestbook-entry header strong { overflow: hidden; color: #fff6df; font-size: .88em; text-overflow: ellipsis; white-space: nowrap; }
body .guestbook-entry header time { color: #ad9abe; font-size: .66em; }
body .guestbook-pin { margin-right: auto; border: 1px solid rgba(245,206,107,.2); border-radius: 999px; padding: .2em .55em; color: #f6d77d; background: rgba(245,206,107,.08); white-space: nowrap; }
body .guestbook-entry.is-hidden { opacity: .45; }
body .guestbook-entry p { margin: .65em 0 0; color: #e8dff0; line-height: 1.65; white-space: pre-wrap; }
body .guestbook-controls { display: flex; flex-wrap: wrap; gap: .35em; margin-top: .65em; }
body .guestbook-entry button, body .guestbook-more { border: 1px solid rgba(245,206,107,.2); border-radius: 999px; padding: .35em .65em; color: #f9df95; background: rgba(245,206,107,.08); font: inherit; font-size: .68em; cursor: pointer; }
body .owner-reply { border-right: 2px solid #d69bf0; border-radius: 0 .45em .45em 0; padding: .55em .7em; color: #f1ddff !important; background: rgba(202,132,238,.08); }
body .guestbook-empty { align-self: center; margin: 0; color: #bba9ca; text-align: center; }
body .widget-guestbook form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .55em; padding-top: .7em; border-top: 1px solid rgba(255,255,255,.08); }
body .widget-guestbook textarea { min-height: 3.4em; max-height: 8em; resize: vertical; border: 1px solid rgba(220,164,244,.24); border-radius: .8em; padding: .7em .8em; outline: none; color: #fff7e5; background: rgba(7,4,14,.46); font: inherit; }
body .widget-guestbook textarea:focus { border-color: rgba(245,206,107,.65); box-shadow: 0 0 0 3px rgba(245,206,107,.09); }
body .widget-guestbook form button { align-self: stretch; border: 0; border-radius: .8em; padding: .7em 1em; color: #2a1b35; background: linear-gradient(145deg, #f6d473, #c681e7); box-shadow: 0 .4em 1em rgba(0,0,0,.2); font-weight: 800; cursor: pointer; }
body .widget-guestbook form button:disabled { opacity: .55; cursor: wait; }
body .widget-guestbook[data-error]::after { content: attr(data-error); color: #ffb8c7; font-size: .7em; }
body .public-layout .public-brand { position: absolute; z-index: 40; right: 18px; bottom: 16px; margin: 0; color: #eadcf7; font-family: "Space Grotesk", sans-serif; font-size: 10px; letter-spacing: 1.4px; text-decoration: none; }
body .celestia-player { position: absolute; z-index: 35; right: 18px; bottom: 44px; display: grid; grid-template-areas: "controls details cover"; grid-template-columns: auto minmax(72px, 1fr) 44px; width: min(360px, calc(100% - 36px)); min-width: 0; gap: 7px 9px; align-items: center; align-content: center; overflow: hidden; border: 1px solid rgba(245,206,107,.32); border-radius: 14px; padding: 7px; color: #fff8e6; background: radial-gradient(circle at 0 0, rgba(166,101,224,.2), transparent 42%), rgba(18,11,32,.9); box-shadow: 0 10px 28px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.07); backdrop-filter: blur(16px); container-type: inline-size; }
body .player-cover { grid-area: cover; display: block; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; object-fit: cover; box-shadow: 0 4px 12px rgba(0,0,0,.28); }
body .player-details { grid-area: details; display: grid; min-width: 0; gap: 5px; align-content: center; text-align: right; }
body .player-details strong { overflow: hidden; color: #fff4ce; font-size: 1em; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
body .player-timeline { display: grid; grid-template-columns: minmax(24px,1fr) auto; min-width: 0; gap: 6px; align-items: center; }
body .player-controls { grid-area: controls; display: grid; grid-template-columns: auto var(--player-volume-width, 54px) auto; gap: 5px; align-items: center; }
body .player-controls button { display: grid; flex: 0 0 auto; place-items: center; border: 0; color: #281936; background: linear-gradient(145deg, #f6d26d, #d09ae9); box-shadow: 0 3px 9px rgba(0,0,0,.24); cursor: pointer; font-weight: 800; }
body .player-toggle { width: 29px; height: 29px; border-radius: 50%; }
body .player-loop { width: 27px; height: 27px; border-radius: 7px; }
body .player-loop[aria-pressed="true"] { color: #fff9e8; background: #9a62d6; }
body .player-progress, body .player-volume { width: 100%; min-width: 0; height: 14px; margin: 0; accent-color: #efbf57; cursor: pointer; }
body .player-time { color: #cfc0dd; font-family: "Space Grotesk", sans-serif; font-size: .62em; font-variant-numeric: tabular-nums; white-space: nowrap; }
@container (max-width: 290px) { body .player-controls { grid-template-columns: auto auto; } body .player-volume { display: none; } }
@container (max-width: 215px) { body .player-time { display: none; } body .player-timeline { grid-template-columns: minmax(20px,1fr); } }
body .celestia-player.preset-minimal { border-color: transparent; border-radius: 9px; background: rgba(11,7,20,.76); box-shadow: none; backdrop-filter: none; }
body .celestia-player.preset-cd .player-cover, body .celestia-player.preset-vinyl .player-cover { border-radius: 50%; }
body .celestia-player.preset-vinyl .player-cover { border: 5px solid #17111f; }
body .celestia-player.preset-cassette { border-radius: 5px; background: #3a2b4d; }
body .celestia-player.preset-pixel { border-radius: 0; box-shadow: 5px 5px 0 rgba(245,206,107,.35); image-rendering: pixelated; }
body .entrance-screen { position: absolute; z-index: 100; inset: 0; display: grid; place-items: center; border: 0; width: 100%; min-height: 100%; padding: 24px; background-repeat: no-repeat; color: inherit; cursor: pointer; text-align: center; }
body .entrance-background { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; filter: brightness(.68); }
body .entrance-screen span { position: relative; z-index: 1; }
body .entrance-screen span { max-width: min(100%, 680px); padding: 18px 24px; text-shadow: 0 4px 18px rgba(0,0,0,.7); }
body .entrance-screen.is-leaving { pointer-events: none; animation: entrance-fade .45s ease forwards; }
body .entrance-screen.transition-blurFade.is-leaving { animation-name: entrance-blur; }
body .entrance-screen.transition-zoomFade.is-leaving { animation-name: entrance-zoom; }
body .entrance-screen.transition-pixelLike.is-leaving { animation-name: entrance-pixel; }
body .cursor-particle { position: fixed; z-index: 110; pointer-events: none; transform: translate(-50%,-50%); animation: cursor-pop .72s ease-out forwards; font-style: normal; font-size: 16px; }
body .cursor-particle.trail-bubbles { font-size: 12px; }
body .effect-gradient { color: transparent !important; background: linear-gradient(110deg, #fff3c1, #c78aff, #f0b64b); background-clip: text; -webkit-background-clip: text; }
body .effect-glow { text-shadow: 0 0 12px currentColor; }
body .effect-shimmer { background: linear-gradient(100deg, currentColor 35%, #fff 50%, currentColor 65%); background-size: 220% 100%; color: transparent !important; background-clip: text; -webkit-background-clip: text; animation: public-shimmer 2.8s linear infinite; }
body .effect-typewriter { overflow: hidden; border-left: 1px solid currentColor; white-space: nowrap; animation: public-type 2.6s steps(24,end) infinite alternate; }
body .effect-wave { animation: public-wave 1.8s ease-in-out infinite; }
html.celestia-page-hidden .public-layout *, html.celestia-page-hidden .public-layout *::before, html.celestia-page-hidden .public-layout *::after { animation-play-state: paused !important; }
@keyframes public-shimmer { to { background-position: -220% 0; } }
@keyframes public-type { from { max-width: 0; } to { max-width: 100%; } }
@keyframes public-wave { 50% { transform: translateY(-3px); } }
@keyframes public-image-float { 50% { transform: translateY(-8px); } }
@keyframes public-image-pulse { 50% { transform: scale(1.045); } }
@keyframes public-image-rotate { 50% { transform: rotate(4deg); } }
@keyframes public-image-fade { 50% { opacity: .62; } }
@keyframes entrance-fade { to { opacity: 0; } }
@keyframes entrance-blur { to { opacity: 0; filter: blur(12px); } }
@keyframes entrance-zoom { to { opacity: 0; transform: scale(1.08); } }
@keyframes entrance-pixel { to { opacity: 0; filter: contrast(1.6) saturate(.3); clip-path: inset(50% 0 50% 0); } }
@keyframes cursor-pop { to { opacity: 0; transform: translate(-50%,-120%) scale(.45); } }
@keyframes tab-fade { from { opacity: 0; } }
@keyframes tab-slide { from { opacity: 0; transform: translate(-50%, calc(-50% + 12px)); } }
@keyframes tab-blur { from { opacity: 0; filter: blur(7px); } }
@media (max-width: 700px) { body .public-layout { height: 100vh; height: 100svh; min-height: 0; overflow: hidden; padding: 0; } body .public-stage { width: 360px; height: 640px; border-radius: 0; } body .public-profile-card { max-width: 100%; } body .public-layout .public-brand { left: 14px; right: auto; bottom: 10px; } body .page-reactions { right: 10px; bottom: 54px; left: 10px; justify-content: center; max-width: none; } body .page-remix { bottom: 102px; left: 10px; } body .page-remix button, body .page-reactions button { min-height: 40px; } body .public-links a { min-height: 0; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }