:root{--bg: #000;--surface: #14141a;--text: #f4f4f5;--muted: #a1a1aa;--border: #27272a;--accent: #1ed760;--surface-raised: #181820;--shadow-card: 0 18px 45px rgba(0, 0, 0, .34), 0 4px 14px rgba(0, 0, 0, .24);--shadow-card-hover: 0 24px 60px rgba(0, 0, 0, .42), 0 8px 20px rgba(0, 0, 0, .28);--glass-separator-height: 5px;--glass-separator-bg: linear-gradient( 180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .01) 100% );--glass-separator-surface: rgba(12, 12, 18, .14);--glass-separator-border: rgba(255, 255, 255, .04);--glass-separator-shadow: 0 2px 10px rgba(0, 0, 0, .1);--glass-separator-inset: inset 0 1px 0 rgba(255, 255, 255, .05)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{position:relative;margin:0;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(125deg,#ff8ec8,#c98bff,#7ec8ff,#5dffa8,#ffe08a,#ff8ec8);background-size:200% 200%;opacity:.2;animation:iridescent-bg 16s ease-in-out infinite}@keyframes iridescent-bg{0%,to{background-position:0% 50%}33%{background-position:100% 0%}66%{background-position:50% 100%}}app-root{position:relative;z-index:2;display:block}html.drawing-mode,body.drawing-mode{overflow:hidden;overscroll-behavior:none;touch-action:none;height:100%;height:100dvh;max-height:100dvh}body.drawing-mode{position:fixed;inset:0;width:100%;cursor:crosshair}body.drawing-mode app-root{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden}body.drawing-mode .app-shell{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow:hidden}body.drawing-mode .layout{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;max-height:100dvh;overflow:hidden}body.drawing-mode main{flex:1;min-height:0;display:flex;flex-direction:column}body.drawing-mode app-site-header,body.drawing-mode app-site-footer{flex-shrink:0}body.drawing-mode a,body.drawing-mode button{touch-action:manipulation;cursor:pointer}body.drawing-mode.eraser-mode{cursor:cell}body.drawing-mode.eraser-mode a,body.drawing-mode.eraser-mode button{cursor:pointer}h1,h2,h3{font-weight:700}a{color:inherit}code{font-family:ui-monospace,Cascadia Code,monospace;background:var(--surface);padding:.15em .4em;border-radius:4px}.entry{position:relative;background:linear-gradient(155deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,0) 55%),rgba(14,14,20,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-card)}.entry:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(155deg,rgba(255,255,255,.08) 0%,transparent 45%);box-shadow:inset 0 1px #ffffff1f}.entry{transform:scale(1);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.entry:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(100deg,#ff8ec8 0%,#c98bff 22%,#7ec8ff 44%,#5dffa8 66%,#ffe08a 88%,#ff8ec8 100%);background-size:220% auto;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;pointer-events:none;transition:opacity .22s ease}.entry:hover{border-color:transparent;box-shadow:0 22px 55px #0000007a,0 0 28px #1ed76012;transform:scale(1.025)}.entry:hover:after{opacity:1;animation:iridescent-border 7s ease-in-out infinite}@keyframes iridescent-border{0%,to{background-position:0% center}50%{background-position:100% center}}