:root{--bg: #07111f;--panel: rgba(9, 20, 36, .84);--panel-strong: rgba(11, 25, 47, .96);--panel-soft: rgba(255, 255, 255, .06);--text: #edf3ff;--muted: #9caec7;--line: rgba(255, 255, 255, .08);--accent: #7dd3fc;--accent-strong: #3b82f6;--accent-warm: #f5b972;--success: #6ee7b7;--shadow: 0 28px 80px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;min-height:100dvh;background:radial-gradient(circle at top left,rgba(59,130,246,.22),transparent 30%),radial-gradient(circle at bottom right,rgba(125,211,252,.16),transparent 28%),linear-gradient(160deg,#04101d,#091829 42%,#07111f);color:var(--text);font-family:Manrope,sans-serif}body{overflow-x:hidden}button,input,textarea{font:inherit}.aurora{position:fixed;border-radius:999px;filter:blur(80px);opacity:.45;pointer-events:none}.aurora-one{width:340px;height:340px;top:-80px;left:-60px;background:#22d3ee2e}.aurora-two{width:420px;height:420px;right:-120px;bottom:-120px;background:#3b82f629}.app-shell{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:grid;gap:48px;align-items:center;justify-content:center;padding:48px 28px}.app-shell-single{grid-template-columns:minmax(320px,420px)}.intro-panel{display:grid;gap:28px}.eyebrow,.screen-label{margin:0;color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.intro-panel h1{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2.6rem,6vw,4.8rem);line-height:.97;letter-spacing:-.05em;max-width:11ch}.lead{margin:0;max-width:52ch;color:var(--muted);font-size:1.05rem;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-grid article,.prototype-notes,.phone-device,.comment-sheet{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.feature-grid article{padding:18px;border:1px solid var(--line);border-radius:24px;background:#ffffff0a}.feature-grid span{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:#7dd3fc1f;color:var(--accent);font-size:.8rem;font-weight:800}.feature-grid h2,.prototype-notes strong,.screen-header h2,.section-title-row h3,.sheet-header h3{margin:12px 0 8px;font-family:Plus Jakarta Sans,sans-serif}.feature-grid p,.prototype-notes p,.post-meta p,.flow-card p,.alert-card p,.profile-card p{margin:0;color:var(--muted);line-height:1.55}.prototype-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px;border-radius:28px;background:#ffffff0a;border:1px solid var(--line)}.phone-stage{display:flex;justify-content:center;width:100%}.phone-device{position:relative;width:390px;height:820px;display:flex;flex-direction:column;background:linear-gradient(180deg,#081221fa,#040c16fa);border:1px solid rgba(255,255,255,.12);border-radius:42px;box-shadow:var(--shadow);overflow:hidden}.phone-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 10px;font-size:.84rem;color:var(--muted)}.status-icons{display:flex;gap:6px;align-items:center}.status-icons span{display:block;width:15px;height:8px;border-radius:999px;background:#ffffff24}.status-icons .battery{width:20px;background:linear-gradient(90deg,var(--success),rgba(255,255,255,.18))}.screen-root{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.screen{flex:1 1 auto;width:100%;height:100%;min-height:100%;min-height:0;display:grid;grid-template-rows:auto auto 1fr;gap:18px;padding:8px 18px 96px;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen.create-screen{grid-template-rows:auto 1fr}.screen.comment-screen{flex:1 1 auto;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.screen-header,.section-title-row,.post-meta,.post-actions,.sheet-header,.comment-input-row,.create-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.screen-header h2,.sheet-header h3{font-size:1.35rem}.ghost-button,.post-actions button,.flow-follow,.media-buttons button,.settings-list button,.tab,.comment-input-row button,.publish-button,.select-field{border:0;color:inherit;cursor:pointer}.ghost-button,.flow-follow,.select-field,.comment-input-row button{padding:10px 14px;border-radius:14px;background:#ffffff12}.hero-card,.post-card,.flow-card,.alert-card,.profile-card,.composer-card,.preview-box{border:1px solid var(--line);border-radius:26px;background:var(--panel)}.hero-card{padding:18px;display:grid;gap:14px}.hero-card p{margin:0;font-size:1rem;line-height:1.6}.hero-stats{display:flex;flex-wrap:wrap;gap:10px}.hero-stats span,.flow-badge{padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.01em}.hero-stats span{background:#7dd3fc17;color:var(--accent)}.feed-section,.flows-list,.alerts-list,.settings-list,.comment-list{display:grid;gap:14px}.section-title-row span,.post-meta p,.feed-section>span{color:var(--muted);font-size:.82rem}.post-card,.flow-card,.alert-card,.profile-card,.composer-card{padding:16px}.post-card.pinned{border-color:#f5b97240;background:linear-gradient(180deg,#f5b97212,#ffffff0a)}.post-body{margin:12px 0 0;line-height:1.62;color:#f4f7ff}.post-actions{margin-top:14px}.post-actions button{padding:10px 0;background:transparent;color:var(--muted)}.media-strip{margin-top:14px;min-height:110px;border-radius:18px;display:grid;place-items:center;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.image-gradient{background:linear-gradient(135deg,#3b82f673,#7dd3fc29,#f5b97257)}.flow-badge{background:#ffffff0f}.flow-itid{color:var(--accent)}.flow-vd{color:#a78bfa}.flow-salj{color:#fca5a5}.flow-leverans{color:#fde68a}.flow-marknad{color:#f472b6}.flow-kompetens{color:#6ee7b7}.flow-card{display:flex;justify-content:space-between;gap:12px}.flow-card.selected{outline:1px solid rgba(125,211,252,.26)}.flow-follow.following{background:#6ee7b724;color:var(--success)}.composer-card{display:grid;gap:12px}.field-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}textarea{min-height:160px;padding:16px;border-radius:18px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);resize:none}.media-buttons{display:flex;gap:10px}.media-buttons button,.settings-list button{padding:12px 14px;border-radius:16px;background:#ffffff12;color:var(--text);text-align:left}.preview-box{padding:18px;color:var(--muted)}.publish-button{padding:10px 15px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#06101c;font-weight:800}.alert-card.unread{border-color:#7dd3fc47;background:linear-gradient(180deg,#7dd3fc1a,#ffffff0a)}.profile-card{display:flex;align-items:center;gap:14px}.avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7dd3fc59,#3b82f63d);font-weight:800}.tab-bar{flex-shrink:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:14px 12px 18px;background:linear-gradient(180deg,#050c160a,#050c16f2 24%);padding-bottom:calc(18px + env(safe-area-inset-bottom))}.tab{padding:12px 6px;border-radius:18px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:700}.tab.active{background:#7dd3fc1a;color:var(--text)}.tab-create{background:#f5b97229;color:#ffe2bf}.comment-sheet{position:fixed;right:24px;bottom:24px;width:min(360px,calc(100vw - 32px));padding:16px;border:1px solid var(--line);border-radius:28px;background:var(--panel-strong);box-shadow:var(--shadow)}.comment-thread{min-height:0;height:0;flex:1 1 0;display:block;padding:0 18px 18px;overflow-y:scroll;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.comment-post-body{margin:0}.comment-thread .comment-list{margin-top:20px}.comment-item{display:grid;gap:8px;margin-bottom:16px;padding:12px;border-radius:14px;background:#ffffff0d;border:1px solid var(--line)}.comment-item p{margin:0;color:var(--muted);line-height:1.55}.comment-like-button{justify-self:start;padding:0;background:transparent}.comment-compose{flex-shrink:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#050c160a,#050c16f5 24%);border-top:1px solid var(--line)}.hidden{display:none}.sheet-handle{width:54px;height:5px;border-radius:999px;background:#ffffff29;margin:0 auto 14px}.comment-list article{padding:14px 0;border-bottom:1px solid var(--line)}.comment-list article:last-child{border-bottom:0}.comment-list p{color:var(--muted);line-height:1.55}.comment-list button{padding:0;background:transparent;color:var(--muted)}.comment-input-row input{flex:1;min-width:0;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:#ffffff0d;color:var(--text)}@media (max-width: 1080px){.app-shell{grid-template-columns:1fr;justify-items:center;padding-top:32px}}@media (max-width: 760px){.app-shell{width:100%;padding:0;gap:0;justify-content:stretch;align-items:stretch}.feature-grid,.prototype-notes{grid-template-columns:1fr}.phone-stage{width:100%;min-height:100dvh}.phone-device{width:100%;height:100dvh;min-height:100dvh;border-radius:0;border:0;box-shadow:none}.comment-sheet{left:16px;right:16px;width:auto;bottom:16px}.phone-top{padding:8px 16px 6px;font-size:.76rem}.screen-root{min-height:0}.screen{gap:14px;padding:10px 14px calc(18px + env(safe-area-inset-bottom)) 14px}.screen.comment-screen{padding-bottom:0}.comment-thread{padding:0 14px 14px}.comment-thread .comment-list{margin-top:16px}.hero-card,.post-card,.flow-card,.alert-card,.profile-card,.composer-card{border-radius:20px;padding:14px}.hero-card{gap:12px}.hero-card p,.post-body,.flow-card p,.alert-card p,.profile-card p{line-height:1.5}.screen-header h2,.sheet-header h3{font-size:1.15rem}.screen-header{align-items:flex-start}.screen-header h2{margin-top:6px}.ghost-button,.flow-follow,.select-field,.comment-input-row button,.publish-button,.media-buttons button,.settings-list button,.tab{border-radius:13px}.hero-stats{gap:8px}.hero-stats span,.flow-badge{padding:7px 10px;font-size:.74rem}.feed-section,.flows-list,.alerts-list,.settings-list,.comment-list{gap:12px}.post-actions{margin-top:12px}.tab-bar{gap:6px;padding:12px 10px calc(14px + env(safe-area-inset-bottom))}.tab{padding:10px 4px;font-size:.72rem}.inline-error{margin:0 14px}textarea{min-height:140px}}.inline-error{margin:0 18px;padding:10px 14px;border-radius:14px;background:#f871711f;color:#fecaca;font-size:.9rem}.status-screen{grid-template-rows:1fr;align-items:center}.status-card{justify-items:start}.select-native,.text-input{width:100%;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:#ffffff12;color:var(--text)}.text-input{outline:none}.sheet-post-body,.muted-copy{margin:0;color:var(--muted);line-height:1.55}.profile-details{display:grid;gap:10px}.detail-row{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:#ffffff0a}.detail-row span{color:var(--muted)}.detail-row strong{text-align:right}