.app-container{background:radial-gradient(at 50% 0,#ffffff06 0%,#0000 60%),#080810;justify-content:center;align-items:flex-start;min-height:100vh;padding:52px 32px 100px;display:flex}.page-col{flex-direction:column;gap:10px;width:600px;display:flex}.profile-card{background:linear-gradient(160deg,#111116 0%,#09090e 100%);border:1px solid #ffffff12;border-radius:14px;width:100%;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 24px 60px #000000d9,0 4px 16px #0009}.banner-container{background-color:#09090e;height:140px;position:relative}.banner{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:block;position:relative}.banner:after{content:"";background:linear-gradient(#0000 30%,#09090e99 100%);position:absolute;inset:0}.avatar-wrapper{filter:drop-shadow(0 6px 16px #000000b3);position:absolute;bottom:-60px;left:16px}.avatar-container{background-color:#09090e;border:5px solid #09090e;border-radius:50%;width:120px;height:120px;position:relative;overflow:visible;box-shadow:0 0 0 1px #ffffff14}.avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.status-indicator{box-sizing:border-box;border:4px solid #09090e;border-radius:50%;width:30px;height:30px;position:absolute;bottom:0;right:0}.status-indicator.dnd{background:linear-gradient(135deg,#f04747 0%,#c73434 100%)}.status-indicator.dnd:before{content:"";background:#ffffffe6;border-radius:2px;width:12px;height:2.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-content{background:linear-gradient(#0d0d12 0%,#09090e 100%);padding:70px 18px 18px}.username{color:#fff;letter-spacing:-.02em;margin:0 0 3px;font-size:20px;font-weight:700;line-height:24px}.user-tag{color:#555560;margin:0 0 16px;font-size:13px;font-weight:500}.social-links{gap:7px;margin-bottom:18px;display:flex}.section{background:linear-gradient(160deg,#0c0c12 0%,#070709 100%);border:1px solid #ffffff0d;border-radius:10px;margin-bottom:8px;padding:12px 14px;box-shadow:inset 0 1px #ffffff08,0 4px 12px #0006}.section-title{color:#444450;text-transform:uppercase;letter-spacing:.06em;margin:0 0 7px;font-size:11px;font-weight:700}.section-text{color:#c8c8d4;margin:0;font-size:14px;font-weight:400;line-height:1.5}.note-wrap{margin-top:4px}.note-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.note-label{color:#444450;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.note-count{color:#2a2a35;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.note-count.note-count-max{color:#c73434}.note-area{color:#c8c8d4;box-sizing:border-box;background:#050507;border:1px solid #ffffff0d;border-radius:6px;outline:none;width:100%;min-height:40px;padding:8px 10px;font-family:inherit;font-size:14px;line-height:18px;box-shadow:inset 0 2px 6px #0006}.note-area:focus{border-color:#ffffff24}.note-area:empty:before{content:attr(data-placeholder);color:#2a2a35}.projects-section{background:linear-gradient(160deg,#111116 0%,#09090e 100%);border:1px solid #ffffff12;border-radius:14px;width:calc(100% - 32px);margin:0 auto;padding:16px;box-shadow:inset 0 1px #ffffff0d,0 24px 60px #000000d9,0 4px 16px #0009}.projects-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.projects-label{color:#444450;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:11px;font-weight:700}.project-card{background:#050508;border:1px solid #ffffff0f;border-radius:10px;width:100%;animation:.16s card-in;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 8px 28px #000000b3}@keyframes card-in{0%{opacity:0}to{opacity:1}}.site-preview{background:#030305;height:280px;position:relative;overflow:hidden}.site-iframe{transform-origin:0 0;border:none;width:calc(200% + 20px);height:1400px;position:absolute;top:0;left:0;transform:scale(.5)}.preview-grid{background-color:#05050a;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.preview-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000 45%,#050508cc 80%,#050508 100%);position:absolute;inset:0}.preview-badge{z-index:2;pointer-events:none;align-items:center;gap:7px;display:flex;position:absolute;bottom:10px;left:12px}.badge-favicon{object-fit:contain;opacity:.8;border-radius:3px;flex-shrink:0;width:16px;height:16px}.badge-domain{color:#fff9;letter-spacing:-.01em;font-size:12px;font-weight:500}.card-meta{background:#050508;align-items:center;gap:12px;padding:12px 14px 0;display:flex}.meta-left{flex:1;min-width:0}.meta-title{color:#e0e0ec;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.meta-desc{color:#333340;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.4;overflow:hidden}.card-nav{background:#050508;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px 13px;display:flex}.dots-row{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.dot-pip{cursor:pointer;background:#ffffff14;border:none;border-radius:999px;width:5px;height:3px;padding:0;transition:width .2s,background .2s}.dot-pip.dot-active{background:#ffffff8c;width:18px}