:root{--phone-width: 384px;--header-height: 29px;--bottombar-height: 45px;--card-gap: 24px;--font-family: "Barlow Semi Condensed", system-ui, -apple-system, sans-serif;--font-primary: "Barlow Semi Condensed", system-ui, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--bg-primary: #ffffff;--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--bg-surface: #ffffff;--text-primary: #171717;--text-secondary: var(--gray-700);--text-muted: var(--gray-500);--text-disabled: var(--gray-400);--border-default: var(--gray-200);--border-subtle: var(--gray-100);--interactive-default: var(--gray-900);--interactive-hover: var(--gray-700);--action-red: #F43333;--button-primary: #2D2D2D;--text-activated: #FFFFFF;--overlay-progress: #848484;--bottombar-bg: rgba(0, 0, 0, .45);--timeline-bg: rgba(0, 0, 0, .2)}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: var(--gray-900);--bg-tertiary: var(--gray-800);--bg-surface: #2d2d2d;--text-primary: #e5e5e5;--text-secondary: var(--gray-400);--text-muted: var(--gray-500);--text-disabled: var(--gray-600);--border-default: var(--gray-700);--border-subtle: var(--gray-800);--interactive-default: var(--gray-100);--interactive-hover: var(--gray-300)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);line-height:1.5;color:#333;background:#f5f5f5}.phone-container{width:var(--phone-width);margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 20px #0000001a}*:focus{outline:none}button:focus,a:focus,img:focus,[role=button]:focus{outline:none;border:none}[contenteditable=true]{outline:none;cursor:text}[contenteditable=true]:hover{background:#00000005;border-radius:var(--radius-sm)}[contenteditable=true]:focus{background:#00000005;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-sm);font-size:17px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--button-primary);color:var(--text-activated)}.btn-primary:hover{background:#1a1a1a}.btn-secondary{background:#0000001a;color:#333}.btn-secondary:hover{background:#00000026}.details-content{display:flex;flex-direction:column;gap:var(--card-gap);padding:var(--space-lg)}.text-block{font-size:17px;line-height:1.5;color:#333;min-height:1em}.text-block:empty:before{content:attr(data-placeholder);color:#999;font-style:italic}.add-button-container{position:relative;height:0}.add-button{position:absolute;top:calc(var(--card-gap) / -2);left:0;right:0;height:var(--card-gap);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;z-index:10}.add-button:hover{opacity:1}.add-button button{background:#fffffff2;border:1px solid #e0e0e0;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-size:15px;color:#666;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-button button:hover{background:#fff;border-color:#ccc;color:#333}.delete-overlay{position:absolute;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;border-radius:var(--radius-sm);z-index:5}.delete-overlay:hover{background:#0000004d;opacity:1}.delete-button{background:var(--action-red);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-xs)}.delete-button:hover{background:#b91c1c}.media-card{border:1px solid #e0e0e0;border-radius:var(--radius-md);overflow:hidden;background:#fff;position:relative}.youtube-card{aspect-ratio:16/9}.youtube-card iframe{width:100%;height:100%}.article-card{transition:all .2s ease}.article-card:hover{border-color:#ccc;box-shadow:0 2px 8px #0000001a}.xpost-card{border:1px solid #e0e0e0;border-radius:var(--radius-md);padding:var(--space-lg);background:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-sm{font-size:15px}.text-md{font-size:17px}.text-lg{font-size:19px}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-gray-600{color:#666}.text-gray-800{color:#333}