:root{--bg:#fff;--surface:#f7f9f9;--border:#c7dcfb;--text:#0f1419;--text-muted:#536471;--accent:#1d9bf0;--accent-text:#fff;--nav-bg:#fff;--nav-w:260px;--right-w:320px;--bottom-h:58px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "BIZ UDPGothic", "Meiryo", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}@font-face{font-family:Yu Gothic UI;src:local(Yu Gothic UI Semibold);font-weight:600}@font-face{font-family:Yu Gothic UI;src:local(Yu Gothic UI Bold);font-weight:700 900}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.app-shell{justify-content:flex-start;min-height:100dvh;display:flex}.side-nav{width:var(--nav-w);background:var(--nav-bg);border-right:1px solid var(--border);border-left:3px solid var(--accent);z-index:100;flex-direction:column;height:100dvh;padding:0 16px;transition:border-color .2s;display:flex;position:fixed;top:0;left:0}.side-nav__logo{color:var(--text);letter-spacing:-.04em;align-items:center;gap:10px;padding:24px 8px 20px;font-size:26px;font-weight:800;display:flex}.side-nav__logo-mark{flex-shrink:0;width:30px;height:30px;display:inline-flex}.side-nav__logo-mark svg{width:100%;height:100%;display:block}:root{--logo-from:var(--accent);--logo-to:var(--accent);--logo-to-opacity:.55;--logo-check:#fff}[data-mode=dark]{--logo-from:#0e1620;--logo-to:#4a5a66;--logo-to-opacity:.7;--logo-check:var(--accent)}.nav-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:100px;align-items:center;gap:18px;width:100%;padding:13px 8px;font-size:18px;font-weight:400;line-height:1.2;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{color:var(--text);font-weight:700}.nav-item.active .nav-item__icon{color:var(--accent)}.nav-item__icon{flex-shrink:0;align-items:center;width:24px;height:24px;display:flex}.nav-item__label{white-space:nowrap}.side-nav__spacer{flex:1}.side-nav__account{justify-content:space-between;align-items:center;gap:8px;padding:12px 8px 24px;display:flex;position:relative}.side-nav__account-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.side-nav__account-texts{flex-direction:column;gap:1px;min-width:0;display:flex}.side-nav__account-name{color:var(--text);overflow-wrap:anywhere;word-break:break-word;font-size:14px;font-weight:700;line-height:1.35}.side-nav__account-handle{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.side-nav__account-more{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.side-nav__account-more:hover{background:#0f14191a}[data-mode=dark] .side-nav__account-more:hover{background:#ffffff1f}.side-nav__avatar{object-fit:cover;border-radius:50%;width:40px;height:40px;display:block}.side-nav__avatar--placeholder{background:var(--border)}.side-nav__account-overlay{z-index:150;position:fixed;inset:0}.side-nav__account-menu{background:var(--bg);border:1px solid var(--border);z-index:151;border-radius:12px;min-width:220px;position:absolute;bottom:60px;left:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.side-nav__account-menu button{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;padding:14px 16px;font-size:14px}.side-nav__account-menu button:hover{background:var(--surface)}.main-content{margin-left:var(--nav-w);border-right:1px solid var(--border);background:var(--bg);flex:1;min-width:0;min-height:100dvh}.app-shell{position:relative}.bottom-nav{height:var(--bottom-h);background:var(--nav-bg);border-top:2px solid var(--accent);z-index:100;justify-content:space-around;align-items:center;transition:border-color .2s;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:6px 10px;display:flex}.bottom-nav__item.active{color:var(--accent)}.lv-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;animation:.7s linear infinite lv-spin}@keyframes lv-spin{to{transform:rotate(360deg)}}.bottom-nav__label{white-space:nowrap;margin-top:4px;font-size:10px;line-height:1}.page-header{background:var(--bg);border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(12px);align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.page-header__title{font-size:18px;font-weight:700}.btn{cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:700;transition:opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--text);color:var(--bg)}.btn--accent{background:var(--accent);color:var(--accent-text)}.btn--ghost{border:1px solid var(--border);color:var(--text);background:0 0}.theme-picker{flex-wrap:wrap;gap:10px;display:flex}.theme-swatch{cursor:pointer;border:none;border-radius:50%;outline:none;width:36px;height:36px;padding:0;transition:transform .15s,box-shadow .15s;box-shadow:inset 0 0 0 1px #7f7f7f40}.theme-swatch:hover{transform:scale(1.1)}.theme-swatch.selected{box-shadow:inset 0 0 0 1px #7f7f7f40, 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);transform:scale(1.1)}.share-modal-overlay{z-index:200;background:#000000b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.share-modal-box{background:var(--surface);border-radius:16px;width:100%;max-width:420px;max-height:90vh;padding:24px;position:relative;overflow-y:auto}.share-modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:18px;line-height:1;position:absolute;top:12px;right:16px}.share-modal-title{color:var(--text);margin-bottom:16px;font-size:1rem;font-weight:700}.share-modal-preview{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%;margin-bottom:16px;display:block}.share-modal-preview--loading{color:var(--text-muted);background:var(--border);justify-content:center;align-items:center;font-size:.9rem;display:flex}.share-modal-actions{flex-direction:column;gap:10px;display:flex}.right-sidebar{width:var(--right-w);flex-direction:column;flex-shrink:0;gap:16px;height:100dvh;padding:12px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.right-sidebar__search{background:var(--surface);border-radius:100px;align-items:center;gap:8px;padding:10px 16px;display:flex}.right-sidebar__search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.right-sidebar__search-icon{color:var(--text-muted);font-size:14px}.right-sidebar__card{background:var(--surface);border-radius:16px;width:100%;min-width:0;padding:12px 0}.right-sidebar__card-title{padding:8px 16px 12px;font-size:17px;font-weight:800}.right-sidebar__user-row{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:2px;padding:10px 16px;transition:background .15s;display:flex}.right-sidebar__user-row:last-child{border-bottom:none}.right-sidebar__user-row:hover{background:#0f14190f}[data-mode=dark] .right-sidebar__user-row:hover{background:#ffffff0f}.right-sidebar__user-header{align-items:center;gap:8px;display:flex}.right-sidebar__avatar-small{object-fit:cover;border-radius:50%;flex-shrink:0;width:20px;height:20px}.right-sidebar__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.right-sidebar__avatar--placeholder{background:var(--border)}.right-sidebar__user-name{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.right-sidebar__user-handle{color:var(--text-muted);margin-left:6px;font-size:13px}.right-sidebar__user-wish-label{color:var(--text-muted);font-size:12px}.right-sidebar__user-wish-title{color:var(--text-muted);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.right-sidebar__follow-btn{background:var(--text);color:var(--bg);cursor:pointer;border:none;border-radius:100px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:700}.right-sidebar__follow-btn:disabled{opacity:.5;cursor:default}.right-sidebar__wish-row{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:4px;padding:10px 16px;transition:background .15s;display:flex}.right-sidebar__wish-row:last-child{border-bottom:none}.right-sidebar__wish-row:hover{background:#0f14190f}[data-mode=dark] .right-sidebar__wish-row:hover{background:#ffffff0f}.right-sidebar__wish-title{cursor:pointer;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.right-sidebar__wish-likes{color:var(--text-muted);align-items:center;font-size:12px;display:flex}.right-sidebar__copy-link{cursor:pointer;color:var(--accent);background:0 0;border:none;margin-left:4px;padding:0;font-size:14px}.right-sidebar__wish-author-row{cursor:pointer;align-items:center;gap:8px;min-width:0;display:flex}.right-sidebar__copy-link:disabled{color:var(--text-muted);cursor:default}.lv-page-title{margin:0;font-size:20px;font-weight:700;line-height:1.3}button,a,.lv-feed-card,.lv-feed-card--flat,.lv-hotel-ad{-webkit-tap-highlight-color:transparent}.lv-feed-card{border-bottom:1px solid var(--border);cursor:pointer;padding:16px;transition:background .12s}.lv-feed-card--flat{cursor:pointer}@media (hover:hover){.lv-feed-card:hover,.lv-feed-card--flat:hover{background:var(--surface)}}@media (hover:none){:is(.lv-feed-card:active:not(:has(button:active,a:active)),.lv-feed-card--flat:active:not(:has(button:active,a:active))){background:var(--surface)}}.lv-icon-action{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;gap:2px;padding:0;font-size:13px;display:inline-flex;position:relative}.lv-icon-action:disabled{cursor:default}.lv-icon-action.is-active{color:var(--accent)}.lv-icon-action__icon{background:var(--surface);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:19px;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}@media (hover:hover){.lv-icon-action:hover .lv-icon-action__icon{background:#0f14191a}[data-mode=dark] .lv-icon-action:hover .lv-icon-action__icon{background:#ffffff1f}}.lv-icon-action:active .lv-icon-action__icon{background:#0f14192e}[data-mode=dark] .lv-icon-action:active .lv-icon-action__icon{background:#fff3}.lv-icon-action--stat:hover .lv-icon-action__icon,.lv-icon-action--stat:active .lv-icon-action__icon,[data-mode=dark] .lv-icon-action--stat:hover .lv-icon-action__icon,[data-mode=dark] .lv-icon-action--stat:active .lv-icon-action__icon{background:var(--surface)}.lv-icon-action__tip{background:var(--text);color:var(--bg);white-space:nowrap;opacity:0;pointer-events:none;z-index:50;border-radius:4px;padding:2px 7px;font-size:11px;transition:opacity .12s;position:absolute;top:calc(100% + 2px);left:17px;transform:translate(-50%)}@media (hover:hover){.lv-icon-action:hover .lv-icon-action__tip{opacity:.95}}.lv-icon-action__tip.is-shown{opacity:.95}.lv-card-menu-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background .15s,color .15s;display:flex}.lv-card-menu-btn:hover{color:var(--accent);background:#0f14191a}.lv-card-menu-btn:active{background:#0f14192e}[data-mode=dark] .lv-card-menu-btn:hover{background:#ffffff1f}[data-mode=dark] .lv-card-menu-btn:active{background:#fff3}.lv-post-action{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:2px 4px;font-size:13px;transition:color .12s,background .12s}.lv-post-action:hover{color:var(--accent);text-decoration:underline}.lv-post-action--danger:hover{color:#e0245e}.lv-post-icon{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:color .12s,background .12s;display:inline-flex;position:relative}.lv-post-icon:hover{color:var(--accent);background:#0f141914}.lv-post-icon--danger:hover{color:#e0245e;background:#e0245e1a}[data-mode=dark] .lv-post-icon:hover{background:#ffffff1a}[data-mode=dark] .lv-post-icon--danger:hover{background:#e0245e2e}.lv-post-icon__tip{background:var(--text);color:var(--bg);white-space:nowrap;opacity:0;pointer-events:none;z-index:50;border-radius:4px;padding:2px 7px;font-size:11px;transition:opacity .12s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.lv-post-icon:hover .lv-post-icon__tip{opacity:.95}.lv-footer-link{cursor:pointer;transition:color .12s}.lv-footer-link:hover{color:var(--text);text-decoration:underline}.lv-gate-shot{animation:.45s lvGateFade}@keyframes lvGateFade{0%{opacity:.2}to{opacity:1}}.lv-mobile-only,.lv-mobile-search{display:none}@media (width<=768px){.side-nav{z-index:300;border-left:none;width:min(300px,84vw);transition:transform .22s,border-color .2s;transform:translate(-105%)}.side-nav.side-nav--open{transform:translate(0);box-shadow:8px 0 40px #00000059}.side-nav__overlay{z-index:299;background:#0006;position:fixed;inset:0}.bottom-nav{height:calc(var(--bottom-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex}.main-content{padding-bottom:calc(var(--bottom-h) + env(safe-area-inset-bottom));border-right:none;max-width:100%;margin-left:0}.right-sidebar{display:none}.lv-mobile-only{display:flex}.lv-pc-only{display:none!important}.lv-mobile-search{background:var(--surface);border-radius:100px;align-items:center;gap:8px;margin:12px 16px 4px;padding:10px 16px;display:flex}.lv-mobile-search input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.side-nav__footer{color:var(--text-muted);flex-wrap:wrap;gap:6px 16px;padding:10px 8px 16px;font-size:12px}.side-nav__footer span{cursor:pointer}}