*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Quicksand,Noto Sans SC,system-ui,sans-serif;color:var(--k-text);background:radial-gradient(1200px 600px at 80% -10%,var(--k-purple-100),transparent),radial-gradient(900px 500px at -10% 30%,var(--k-purple-50),transparent),linear-gradient(180deg,var(--k-purple-50),var(--k-bg) 60%);min-height:100vh}button{font-family:inherit}a{color:var(--k-primary);text-decoration:none}.k-frame{max-width:460px;margin:0 auto;min-height:100vh;background:var(--k-bg);display:flex;flex-direction:column;box-shadow:0 0 40px var(--k-purple-100)}.k-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--k-sp-sm);padding:var(--k-sp-sm) var(--k-sp-md);background:var(--k-bg);border-bottom:1px solid var(--k-purple-100)}.k-logo{font-weight:700;font-size:20px;color:var(--k-primary);letter-spacing:.5px}.k-main{flex:1;padding:var(--k-sp-md);padding-bottom:84px}.k-tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;display:flex;justify-content:space-around;align-items:center;background:var(--k-bg);border-top:1px solid var(--k-purple-100);padding:6px 0 10px;z-index:30}.k-tab{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:44px;min-height:44px;justify-content:center;font-size:11px;color:var(--k-text-muted);position:relative}.k-tab.active{color:var(--k-primary);font-weight:700}.k-tab .icon{font-size:20px;line-height:1}.k-kira-btn{width:52px;height:52px;border-radius:var(--k-radius-pill);border:none;background:linear-gradient(135deg,var(--k-purple-400),var(--k-pink));color:var(--k-on-primary);font-size:24px;cursor:pointer;box-shadow:0 4px 14px var(--k-purple-200);transition:transform .15s;margin-top:-22px}.k-kira-btn:hover{transform:scale(1.08) rotate(8deg)}.k-card{background:var(--k-bg);border:1px solid var(--k-purple-100);border-radius:var(--k-radius-md);padding:var(--k-sp-md);margin-bottom:var(--k-sp-md);box-shadow:0 2px 8px var(--k-purple-50)}.k-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--k-radius-pill);background:var(--k-purple-50);color:var(--k-purple-700);font-size:12px;border:1px solid var(--k-purple-100)}.k-chip.pick{cursor:pointer;min-height:28px}.k-chip.on{background:var(--k-primary);color:var(--k-on-primary);border-color:var(--k-primary)}.k-btn{border:none;border-radius:var(--k-radius-pill);background:var(--k-primary);color:var(--k-on-primary);padding:8px 18px;min-height:36px;font-weight:700;font-size:14px;cursor:pointer;transition:transform .15s,opacity .15s}.k-btn:hover{transform:translateY(-1px)}.k-btn:disabled{opacity:.5;cursor:default;transform:none}.k-btn.ghost{background:var(--k-purple-50);color:var(--k-purple-700);border:1px solid var(--k-purple-200)}.k-btn.danger{background:var(--k-danger)}.k-btn.tiny{padding:3px 10px;min-height:26px;font-size:12px;font-weight:600}.k-input,.k-textarea,.k-select{width:100%;border:1.5px solid var(--k-purple-100);border-radius:var(--k-radius-sm);padding:9px 12px;font-family:inherit;font-size:14px;color:var(--k-text);background:var(--k-bg);outline:none}.k-input:focus,.k-textarea:focus,.k-select:focus{border-color:var(--k-purple-300)}.k-label{display:block;font-size:12px;font-weight:700;color:var(--k-text-muted);margin:var(--k-sp-sm) 0 4px}.k-muted{color:var(--k-text-muted);font-size:13px}.k-error{color:var(--k-danger);font-size:13px}.k-avatar{border-radius:var(--k-radius-pill);background:linear-gradient(135deg,var(--k-purple-200),var(--k-pink));color:var(--k-on-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;overflow:hidden}.k-avatar img{width:100%;height:100%;object-fit:cover}.k-dyor{display:flex;gap:8px;align-items:flex-start;background:var(--k-purple-50);border:1px dashed var(--k-purple-200);border-radius:var(--k-radius-sm);padding:8px 10px;font-size:12px;color:var(--k-purple-700);margin-top:var(--k-sp-sm)}.k-warning-banner{background:var(--k-warning);color:var(--k-purple-900);border-radius:var(--k-radius-sm);padding:8px 10px;font-size:12px;font-weight:600;margin-top:var(--k-sp-xs)}.k-skeleton{border-radius:var(--k-radius-md);background:linear-gradient(100deg,var(--k-purple-50) 40%,var(--k-purple-100) 50%,var(--k-purple-50) 60%);background-size:200% 100%;animation:k-shimmer 1.2s infinite linear}@keyframes k-shimmer{to{background-position:-200% 0}}.k-seg{display:flex;background:var(--k-purple-50);border-radius:var(--k-radius-pill);padding:3px;margin-bottom:var(--k-sp-md)}.k-seg button{flex:1;border:none;background:transparent;padding:8px 0;min-height:36px;border-radius:var(--k-radius-pill);font-weight:700;font-size:13px;color:var(--k-text-muted);cursor:pointer}.k-seg button.on{background:var(--k-bg);color:var(--k-primary);box-shadow:0 1px 4px var(--k-purple-100)}.k-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--k-purple-900);opacity:.45;z-index:40}.k-sheet{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:460px;max-height:86vh;overflow-y:auto;background:var(--k-bg);border-radius:var(--k-radius-lg) var(--k-radius-lg) 0 0;padding:var(--k-sp-md) var(--k-sp-md) var(--k-sp-xl);z-index:41;animation:k-slide-up .2s ease-out}@keyframes k-slide-up{0%{transform:translate(-50%,40px);opacity:0}to{transform:translate(-50%);opacity:1}}.k-bubble{max-width:78%;padding:8px 12px;border-radius:var(--k-radius-md);font-size:14px;line-height:1.45;word-break:break-word;white-space:pre-wrap}.k-bubble.mine{background:var(--k-primary);color:var(--k-on-primary);border-bottom-right-radius:4px;align-self:flex-end}.k-bubble.theirs{background:var(--k-purple-50);color:var(--k-text);border-bottom-left-radius:4px;align-self:flex-start}.k-bubble.system{background:var(--k-purple-50);border:1px dashed var(--k-purple-200);color:var(--k-purple-700);align-self:center;font-size:12px;max-width:90%}.k-msg-row{display:flex;flex-direction:column;margin-bottom:10px}.k-reaction-bar{display:flex;gap:4px;margin-top:3px;flex-wrap:wrap}.k-reaction{border:1px solid var(--k-purple-100);background:var(--k-bg);border-radius:var(--k-radius-pill);font-size:12px;padding:1px 7px;cursor:pointer;min-height:24px}.k-reaction.on{background:var(--k-purple-100);border-color:var(--k-purple-300)}.k-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:var(--k-sp-sm)}.k-media-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--k-radius-sm)}.k-media-grid.single{grid-template-columns:1fr}.k-media-grid.single img{aspect-ratio:auto;max-height:360px}.k-portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.k-portfolio-grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.k-thumb img{width:100%;height:100%;object-fit:cover;display:block}.k-sheet img{width:100%;display:block}.k-empty{text-align:center;padding:var(--k-sp-xl) var(--k-sp-md);color:var(--k-text-muted)}.k-list-row{display:flex;align-items:center;gap:var(--k-sp-sm);padding:10px 4px;border-bottom:1px solid var(--k-purple-50);min-height:44px}.k-badge{background:var(--k-pink);color:var(--k-on-primary);border-radius:var(--k-radius-pill);font-size:10px;font-weight:700;min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.k-poll-option{display:flex;align-items:center;gap:8px;border:1.5px solid var(--k-purple-100);border-radius:var(--k-radius-sm);padding:8px 10px;margin-top:6px;cursor:pointer;position:relative;overflow:hidden;font-size:13px;min-height:40px}.k-poll-option .fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--k-purple-50);z-index:0}.k-poll-option .lbl{position:relative;z-index:1;display:flex;justify-content:space-between;width:100%}.k-poll-option.voted{border-color:var(--k-purple-400)}.k-shell{display:grid;grid-template-columns:230px minmax(0,640px) 300px;justify-content:center;gap:var(--k-sp-lg);max-width:1280px;margin:0 auto;min-height:100vh;padding:0 var(--k-sp-md)}.k-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--k-sp-sm);padding:var(--k-sp-md) 0}.k-side-nav{display:flex;flex-direction:column;gap:2px}.k-side-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--k-radius-pill);color:var(--k-text);font-size:15px;font-weight:600;min-height:44px;transition:background .12s}.k-side-item:hover{background:var(--k-purple-50)}.k-side-item.active{background:var(--k-purple-100);color:var(--k-primary);font-weight:700}.k-side-compose{display:flex;align-items:center;justify-content:center;gap:8px;margin:var(--k-sp-sm) 8px;min-height:44px;background:linear-gradient(135deg,var(--k-purple-400),var(--k-pink));box-shadow:0 4px 14px var(--k-purple-200)}.k-side-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:0 8px}.k-web-main{padding:var(--k-sp-md) 0;min-width:0;background:var(--k-bg);border-left:1px solid var(--k-purple-100);border-right:1px solid var(--k-purple-100);padding-left:var(--k-sp-md);padding-right:var(--k-sp-md)}.k-rail{position:sticky;top:0;height:100vh;overflow-y:auto;padding:var(--k-sp-md) 0;display:flex;flex-direction:column;gap:var(--k-sp-md)}@media(max-width:1180px){.k-shell{grid-template-columns:220px minmax(0,1fr)}.k-rail{display:none}}.k-icon-btn{border:none;background:transparent;color:var(--k-text);cursor:pointer;min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--k-radius-pill)}.k-icon-btn:hover{background:var(--k-purple-50)}.k-drawer{position:fixed;top:0;left:max(0px,calc(50% - 230px));bottom:0;width:280px;background:var(--k-bg);z-index:41;padding:var(--k-sp-md);border-radius:0 var(--k-radius-lg) var(--k-radius-lg) 0;animation:k-slide-right .18s ease-out;overflow-y:auto}@keyframes k-slide-right{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.k-lang{display:inline-flex;align-items:center;gap:6px;color:var(--k-text-muted)}.k-lang-select{border:1px solid var(--k-purple-100);border-radius:var(--k-radius-pill);background:var(--k-bg);color:var(--k-text);font-family:inherit;font-size:12px;padding:4px 8px}.k-view-toggle{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.k-banner{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--k-purple-100);background:linear-gradient(90deg,var(--k-purple-50),var(--k-bg));border-radius:var(--k-radius-md);padding:10px 12px;margin-bottom:var(--k-sp-md);cursor:pointer;text-align:left;font-family:inherit;font-size:13px;color:var(--k-text)}.k-banner-icon{color:var(--k-primary);display:inline-flex;flex-shrink:0}.k-banner-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-banner-tag{background:var(--k-primary);color:var(--k-on-primary);border-radius:var(--k-radius-pill);font-size:10px;font-weight:700;padding:1px 8px;margin-right:8px;vertical-align:1px}.k-strip{margin-bottom:var(--k-sp-md)}.k-strip-head{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--k-purple-700)}.k-strip-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.k-strip-row.vertical{flex-direction:column;overflow-x:visible}.k-event-stub{display:flex;flex-direction:column;gap:2px;min-width:170px;max-width:220px;border:1px solid var(--k-purple-100);border-left:4px solid var(--k-purple-300);border-radius:var(--k-radius-md);padding:10px 12px;background:var(--k-bg);color:var(--k-text);box-shadow:0 2px 8px var(--k-purple-50);flex-shrink:0}.k-event-stub:hover{border-left-color:var(--k-pink)}.k-event-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-event-phase{font-size:10px;font-weight:700;color:var(--k-purple-700)}.k-event-phase.live{color:var(--k-danger)}.k-post-head{display:flex;align-items:center;gap:10px}.k-post-author{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:none;background:transparent;padding:0;cursor:pointer;font-family:inherit;text-align:left;color:var(--k-text)}.k-actionbar{display:flex;align-items:center;gap:4px;margin-top:10px}.k-action{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;color:var(--k-text-muted);font-family:inherit;font-size:13px;font-weight:600;padding:6px 10px;border-radius:var(--k-radius-pill);cursor:pointer;min-height:36px}.k-action:hover{background:var(--k-purple-50);color:var(--k-primary)}.k-action.on{color:var(--k-pink)}.k-me-head{display:flex;gap:var(--k-sp-md);align-items:center;padding:var(--k-sp-md)}.k-me-stats{display:flex;gap:var(--k-sp-lg);margin-top:6px}.k-me-stat{text-align:center;font-size:12px;color:var(--k-text-muted)}.k-me-stat strong{display:block;font-size:16px;color:var(--k-text)}.k-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.k-post-grid-cell{position:relative;aspect-ratio:1;border-radius:var(--k-radius-sm);overflow:hidden;background:var(--k-purple-50);border:none;padding:0;cursor:pointer;font-family:inherit}.k-post-grid-cell img{width:100%;height:100%;object-fit:cover;display:block}.k-post-grid-cell .txt{position:absolute;top:0;right:0;bottom:0;left:0;padding:8px;font-size:11px;color:var(--k-purple-700);overflow:hidden;text-align:left}