@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--bg:#fafafa;--panel:#fff;--ink:#202020;--muted:#939393;--line:#eaeaea;--accent:#ed6668;--soft:#fff0ef;--blue:#4596da;--hover:#f3f3f3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans','Noto Sans KR',sans-serif}body.dark{--bg:#121212;--panel:#1b1b1b;--ink:#f4f4f4;--muted:#999;--line:#303030;--soft:#3a2428;--hover:#282828}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.4;cursor:default}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.wordmark{font:italic 700 43px Georgia,serif;letter-spacing:-3px;display:inline-block}.wordmark span{font:12px sans-serif;color:var(--accent);margin-left:4px}.eyebrow{font-size:10px;letter-spacing:2.8px;color:var(--muted);font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.avatar{border-radius:50%;object-fit:cover;width:40px;height:40px;background:var(--hover)}.username{font-weight:700;font-size:13px}.verified{color:var(--blue);font-size:13px;margin-left:3px}.text-button{font-size:12px;font-weight:700;color:var(--blue);padding:7px}.primary{background:var(--accent);color:white;border-radius:9px;padding:11px 20px;font-weight:600}.secondary{background:var(--hover);border-radius:8px;padding:9px 18px;font-weight:600}.icon-button{padding:7px;border-radius:8px}.icon-button:hover{background:var(--hover)}#sidebar{position:fixed;inset:0 auto 0 0;width:240px;border-right:1px solid var(--line);background:var(--panel);padding:40px 24px 24px;display:flex;flex-direction:column;z-index:10}#sidebar .wordmark{margin:0 14px 5px}#sidebar .eyebrow{margin:0 16px 47px;font-size:9px;letter-spacing:2px}.nav-item{display:flex;align-items:center;gap:17px;padding:14px 17px;border-radius:10px;margin-bottom:6px;font-size:14px;text-align:left;width:100%}.nav-item.active{background:var(--soft);color:var(--accent);font-weight:700}.nav-item:hover{background:var(--hover)}.nav-item .avatar{width:25px;height:25px}.nav-bottom{margin-top:auto}.sidebar-user{border-top:1px solid var(--line);padding:22px 8px 0;margin-top:18px}.sidebar-user .avatar{width:36px;height:36px}#main{margin-left:240px;min-height:100vh;padding:42px 48px 60px}.page{max-width:1090px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:29px}.page-heading h1{font-size:25px;letter-spacing:-1px;margin:7px 0}.page-heading p{font-size:12px;color:var(--muted);margin:0}.date-pill{border:1px solid var(--line);border-radius:30px;padding:9px 13px;color:var(--muted);font-size:11px}.home-columns{display:grid;grid-template-columns:minmax(0,650px) 275px;gap:40px}.stories{display:flex;gap:21px;overflow:auto;padding:6px 4px 24px;scrollbar-width:none}.stories::-webkit-scrollbar{display:none}.story{flex:0 0 64px;text-align:center;padding:0}.story-ring{display:block;border-radius:50%;padding:3px;background:linear-gradient(35deg,#ffca7a,#ed6668 50%,#b35cbd);position:relative}.story-ring.seen{background:#d7d7d7}.story-ring.own{background:var(--line)}.story-ring img{width:60px;height:60px;display:block;border:3px solid var(--panel);border-radius:50%;object-fit:cover}.story-plus{position:absolute;bottom:1px;right:0;background:var(--accent);color:#fff;border:2px solid var(--panel);border-radius:50%;width:21px;height:21px;font-size:18px;line-height:15px}.story-name{font-size:10px;display:block;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:66px}.feed-tabs{border-bottom:1px solid var(--line);display:flex;gap:26px;margin-bottom:24px}.feed-tabs button{padding:0 0 15px;font-size:12px;color:var(--muted);position:relative}.feed-tabs button.active{color:var(--ink);font-weight:700}.feed-tabs button.active:after{content:'';height:2px;background:var(--ink);position:absolute;bottom:-1px;left:0;right:0}.feed-tabs .end{margin-left:auto;font-size:10px;color:var(--muted)}.post{background:var(--panel);border:1px solid var(--line);border-radius:13px;margin-bottom:25px;overflow:hidden}.post-head{padding:15px 18px;display:flex;align-items:center;gap:11px}.post-head .avatar{width:35px;height:35px}.post-head .location{font-size:10px;margin-top:4px;color:var(--muted)}.post-head .more{margin-left:auto}.post-media{position:relative;background:#e6e4df;overflow:hidden}.post-image{width:100%;aspect-ratio:1.15;object-fit:cover;display:block}.post-media video{width:100%;max-height:650px;display:block}.media-tag{position:absolute;right:15px;top:15px;padding:5px 9px;background:#0005;color:white;border-radius:15px;font-size:10px}.heart-burst{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:100px;color:#fff;pointer-events:none;animation:pop .8s forwards}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:0;transform:translate(-50%,-70%) scale(1)}}.post-body{padding:13px 18px 0}.post-actions{display:flex;gap:15px;align-items:center;margin-bottom:13px}.post-actions button{padding:0}.post-actions .save{margin-left:auto}.liked{color:var(--accent)}.liked svg{fill:var(--accent);stroke:var(--accent)}.saved svg{fill:var(--ink)}.likes{font-size:12px;font-weight:700;margin-bottom:8px}.caption{font-size:12px;line-height:1.9;overflow-wrap:anywhere}.caption strong{margin-right:7px}.comments-link{font-size:11px;color:var(--muted);padding:9px 0 0}.post-time{font-size:9px;color:var(--muted);letter-spacing:.3px;margin:10px 0 13px}.comment-form{border-top:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:12px 17px}.comment-form svg{width:19px;height:19px}.comment-form input{min-width:0;flex:1;border:0;outline:none;background:none;color:var(--ink);font-size:11px}.comment-form button{font-size:11px;font-weight:700;color:var(--blue)}.right-rail{padding-top:9px}.rail-profile{padding-bottom:26px}.rail-profile .avatar{width:49px;height:49px}.rail-profile .text-button{margin-left:auto}.rail-section{border-top:1px solid var(--line);padding-top:22px}.rail-title{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:22px}.rail-title button{font-size:10px;font-weight:700}.suggestion{margin-bottom:20px;display:flex;align-items:center;gap:10px}.suggestion .avatar{width:35px;height:35px}.suggestion .text-button{margin-left:auto;font-size:10px;padding:3px}.suggestion .small{font-size:10px;margin-top:4px}.journal-card{margin-top:29px;padding:21px;background:linear-gradient(135deg,#f2e9dc,#eee8df);border-radius:12px;color:#65584c;position:relative;overflow:hidden}.journal-card .eyebrow{color:#a18770;font-size:9px}.journal-card h3{font:italic 28px Georgia,serif;line-height:1.15;margin:14px 0 8px}.journal-card p{font-size:10px;line-height:1.8;margin-bottom:15px}.journal-card button{font-size:10px;border-bottom:1px solid #a18770;padding:0 0 5px}.journal-card .flower{position:absolute;right:-10px;bottom:5px;font-size:100px;color:#d4bc9a;transform:rotate(-20deg);opacity:.45}.rail-footer{font-size:9px;color:#aaa;line-height:2.2;margin-top:27px}.rail-footer .copyright{margin-top:15px;letter-spacing:1px}#mobile-header,#mobile-nav{display:none}.empty{text-align:center;padding:65px 20px;color:var(--muted)}.empty svg{width:45px;height:45px;margin-bottom:15px}.empty h3{color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.grid-tile{position:relative;aspect-ratio:1;overflow:hidden;padding:0;border-radius:3px;background:var(--hover)}.grid-tile img,.grid-tile video{width:100%;height:100%;object-fit:cover;transition:transform .35s}.grid-tile:hover img{transform:scale(1.04)}.tile-overlay{position:absolute;inset:0;background:#0004;color:white;opacity:0;display:flex;align-items:center;justify-content:center;gap:15px;font-weight:700}.grid-tile:hover .tile-overlay,.grid-tile:focus .tile-overlay{opacity:1}.chip-row{display:flex;gap:9px;margin-bottom:22px;overflow:auto}.chip{white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:9px 18px;font-size:12px;background:var(--panel)}.chip.active{color:white;background:var(--ink)}.profile-head{display:flex;gap:65px;align-items:center;max-width:800px;margin:20px auto 45px}.profile-head>.avatar{width:142px;height:142px;border:5px solid var(--panel);outline:1px solid var(--line)}.profile-info h1{font-size:23px;font-weight:500;margin:0}.profile-stats{display:flex;gap:32px;margin:25px 0;font-size:13px}.profile-bio{font-size:13px;line-height:1.9;white-space:pre-wrap}.profile-tabs{display:flex;justify-content:center;gap:45px;border-top:1px solid var(--line);margin-bottom:25px}.profile-tabs button{padding:19px 0;font-size:11px;color:var(--muted)}.profile-tabs button.active{color:var(--ink);border-top:1px solid var(--ink);margin-top:-1px}.profile-tabs svg{width:14px;height:14px;margin-right:6px}dialog{border:1px solid var(--line);border-radius:17px;padding:0;background:var(--panel);color:var(--ink);width:min(560px,calc(100% - 30px));max-height:90dvh;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 20px}.modal-header h2{font-size:15px;margin:0}.modal-inner{padding:24px}.modal-inner p{line-height:1.8}.modal-inner label{display:block;font-size:12px;margin-bottom:8px}.field{display:block;width:100%;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);padding:12px 14px;resize:vertical}.form-group{margin-bottom:20px}.upload-zone{border:2px dashed var(--line);border-radius:14px;padding:40px 20px;text-align:center;margin-bottom:22px}.upload-zone svg{width:50px;height:50px;color:var(--muted);margin-bottom:15px}.upload-zone label{cursor:pointer;display:inline-block}.upload-zone input{display:block;width:100%;margin-top:15px;font-size:12px}.upload-preview{max-height:260px;max-width:100%;border-radius:10px;margin-bottom:15px}.comment-list{max-height:40dvh;overflow:auto;padding:20px}.comment-entry{display:flex;gap:10px;margin-bottom:20px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.comment-entry .avatar{width:30px;height:30px}.search-box{position:relative;margin-bottom:25px}.search-box input{padding-left:44px}.search-box svg{position:absolute;left:13px;top:12px;width:20px;height:20px;color:var(--muted)}.search-result{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);width:100%;text-align:left}.search-result .text-button{margin-left:auto}.story-view{position:relative;background:#171717;min-height:550px;color:white;display:flex;align-items:center;justify-content:center;overflow:hidden}.story-view>img{width:100%;height:75dvh;max-height:750px;object-fit:cover}.story-top{position:absolute;top:20px;left:20px;right:20px;z-index:2}.story-progress{height:3px;background:#ffffff80;margin-bottom:15px}.story-progress span{display:block;height:100%;background:white;width:100%}.story-close{margin-left:auto}.story-arrow{position:absolute;top:50%;background:#0005;border-radius:50%;padding:8px}.story-arrow.prev{left:10px}.story-arrow.next{right:10px}.story-caption{position:absolute;bottom:45px;left:25px;right:25px;font:italic 34px Georgia,serif;text-shadow:0 2px 10px #000}.notifications{max-width:650px}.notification{display:flex;gap:14px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8}.notification>img:last-child{margin-left:auto;width:45px;height:45px;border-radius:6px;object-fit:cover}.messages{display:grid;grid-template-columns:270px 1fr;border:1px solid var(--line);border-radius:14px;background:var(--panel);height:70dvh;overflow:hidden}.chat-list{border-right:1px solid var(--line);padding:18px 14px;overflow:auto}.chat-list h3{font-size:15px;padding:0 8px}.chat-person{display:flex;align-items:center;gap:10px;width:100%;padding:13px 9px;border-radius:8px;text-align:left}.chat-person.active{background:var(--soft)}.chat-person .small{margin-top:5px;font-size:10px}.chat-room{display:flex;flex-direction:column;min-width:0}.chat-head{padding:16px 20px;border-bottom:1px solid var(--line)}.chat-bubbles{padding:22px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px}.bubble{align-self:flex-start;padding:12px 16px;background:var(--hover);border-radius:15px;max-width:85%;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:var(--soft)}.chat-input{display:flex;gap:8px;padding:16px}.chat-input input{min-width:0}.local-note{font-size:10px;color:var(--muted);text-align:center;padding:10px}.reels{max-width:440px;margin:auto}.reel{height:70dvh;min-height:420px;position:relative;background:#222;border-radius:15px;overflow:hidden;margin-bottom:25px}.reel video{width:100%;height:100%;object-fit:cover}.reel-label{position:absolute;left:22px;bottom:25px;color:white;text-shadow:0 1px 6px #000;pointer-events:none}.reel-label p{font-size:12px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#242424;color:white;padding:13px 24px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;z-index:100;font-size:12px;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.full-width{width:100%}.delete{color:#e74f59}.settings-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.post-modal .post{margin:0;border:0}.post-modal{padding-bottom:0}.loading-error{font-size:12px;padding:20px}
@media(min-width:1550px){#main{padding-top:50px}.home-columns{gap:60px}}@media(max-width:1250px){#sidebar{width:200px;padding-left:17px;padding-right:17px}#main{margin-left:200px;padding:35px 30px}.home-columns{gap:27px;grid-template-columns:minmax(0,600px) 235px}.right-rail .small{font-size:9px}.stories{gap:15px}}@media(max-width:1080px){#sidebar{width:88px;padding:35px 15px}#sidebar .wordmark{font-size:32px;letter-spacing:-3px;margin:0 0 35px}#sidebar .eyebrow,#sidebar .nav-label,#sidebar .sidebar-user .user-details{display:none}.nav-item{justify-content:center;padding:15px 0}.sidebar-user{padding:20px 0;justify-content:center}#main{margin-left:88px}.home-columns{grid-template-columns:minmax(0,580px) 235px;gap:30px}}@media(max-width:900px){.right-rail{display:none}.home-columns{display:block;max-width:610px;margin:auto}.page-heading{max-width:610px;margin-left:auto;margin-right:auto}.page{max-width:800px}#main{padding:32px}.profile-head{gap:35px}.messages{grid-template-columns:220px 1fr}}@media(max-width:600px){#sidebar{display:none}#mobile-header{display:flex;height:65px;padding:8px 19px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:20}#mobile-header .wordmark{font-size:35px}#mobile-header button{padding:8px}#mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:62px;padding-bottom:env(safe-area-inset-bottom);background:var(--panel);border-top:1px solid var(--line);justify-content:space-around;align-items:center;z-index:20}#mobile-nav .nav-item{width:auto;padding:10px;margin:0;background:none}#mobile-nav .nav-label{display:none}#main{margin:0;padding:24px 0 80px}.page-heading{padding:0 20px;margin-bottom:20px}.page-heading h1{font-size:22px}.page-heading .date-pill{font-size:9px;padding:7px 10px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:10px}.stories{padding:0 16px 22px;gap:18px}.feed-tabs{padding:0 20px;margin-bottom:0}.post{border:0;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:14px}.post-head{padding:14px 16px}.post-body{padding:13px 16px 0}.post-image{aspect-ratio:1}.grid{gap:3px}.chip-row{padding:0 18px}.profile-head{padding:0 20px;gap:20px;margin:10px 0 25px;align-items:flex-start}.profile-head>.avatar{width:80px;height:80px}.profile-info h1{font-size:19px}.profile-info>.row{flex-wrap:wrap;gap:9px}.profile-stats{gap:16px;margin:17px 0;font-size:11px}.profile-bio{font-size:11px}.profile-info .secondary{font-size:10px;padding:7px 10px}.profile-tabs{gap:30px;margin-bottom:12px}.notifications{padding:0 20px}.messages{height:72dvh;grid-template-columns:72px 1fr;border-radius:0;border-left:0;border-right:0}.chat-list{padding:10px 8px}.chat-list h3,.chat-person .chat-name{display:none}.chat-person{padding:10px 7px}.chat-input{padding:10px;gap:5px}.chat-input .primary{padding:8px 12px}.chat-bubbles{padding:14px}.reels{padding:0 12px}.search-page{padding:0 20px}#toast{bottom:80px}.story-view>img{height:75dvh}.story-view{min-height:450px}.modal-inner{padding:20px}.post-modal .post-image{aspect-ratio:1.2}.grid-tile .tile-overlay{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.admin-account { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.admin-account .user-details { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.admin-account > button { flex-shrink: 0; }