:root{--font-family-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--color-text-primary: rgba(0, 0, 0, .85);--color-text-secondary: rgba(60, 60, 67, .6);--color-text-tertiary: rgba(60, 60, 67, .3);--color-accent: #007AFF;--color-separator: rgba(60, 60, 67, .15);--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .4);--glass-highlight: rgba(255, 255, 255, .5);--glass-shadow: 0 4px 24px -1px rgba(0, 0, 0, .1), 0 0 0 1px rgba(255, 255, 255, .2) inset;--glass-blur: blur(50px) saturate(180%);--radius-card: 40px;--radius-item: 20px;--spacing-base: 24px;--nav-height: 60px}html,body{margin:0;padding:0;background-color:transparent;color:var(--color-text-primary);font-family:var(--font-family-system);-webkit-font-smoothing:antialiased;height:100%;width:100%;overflow-x:hidden;text-transform:lowercase}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#0000004d;border:2px solid transparent;background-clip:content-box}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:8px}main{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:20px;box-sizing:border-box;position:relative;z-index:1}.card{width:100%;max-width:440px;background:#ffffff8c;backdrop-filter:blur(50px) saturate(180%);-webkit-backdrop-filter:blur(50px) saturate(180%);border-radius:var(--radius-card);box-shadow:0 24px 48px #0000001f,inset 0 1px #ffffffb3,inset 0 0 0 1px #fff3;border:1px solid rgba(255,255,255,.2);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.19,1,.22,1)}.card.blog-mode{transform:none!important;max-width:680px;height:85vh;overflow-y:auto;background:#ffffffbf;backdrop-filter:blur(80px) saturate(200%);-webkit-backdrop-filter:blur(80px) saturate(200%);border-radius:32px;box-shadow:0 40px 80px #00000026,inset 0 1px #ffffffe6,0 0 0 1px #fff6;border:none}.card:hover{transform:translateY(-2px) scale(1.005);box-shadow:0 30px 60px #0000001f,inset 0 1px #ffffffb3,inset 0 0 0 1px #fff3}.content{padding:40px}.liquid-link{display:inline-flex;align-items:center;text-decoration:none;background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);padding:10px 20px;border-radius:100px;margin-top:12px;margin-bottom:12px;color:var(--color-text-primary);font-weight:500;font-size:15px;letter-spacing:-.01em;transition:all .3s cubic-bezier(.19,1,.22,1);box-shadow:0 2px 10px #00000008}.liquid-link:hover{background:#fffc;transform:scale(1.02);box-shadow:0 4px 16px #00000014;color:var(--color-accent)}h1{font-size:28px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px;color:var(--color-text-primary);background:none;-webkit-text-fill-color:initial;background-clip:border-box}.subtitle{font-size:18px;font-weight:400;color:var(--color-text-secondary);margin:0 0 36px;display:block;letter-spacing:-.01em}.subtitle a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.1);transition:all .2s}.subtitle a:hover{color:var(--color-text-primary);border-color:var(--color-text-primary)}p{font-size:17px;line-height:1.5;color:var(--color-text-secondary);margin-bottom:0;font-weight:400;letter-spacing:-.01em}.highlight{font-weight:500;color:var(--color-text-primary);text-decoration:none;background:linear-gradient(to bottom,transparent 65%,rgba(0,122,255,.2) 65%);transition:background .2s cubic-bezier(.2,0,0,1)}.highlight:hover{background:linear-gradient(to bottom,transparent 65%,rgba(0,122,255,.4) 65%)}.list-group{list-style:none;padding:0;margin:32px 20px;background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-item);overflow:hidden;box-shadow:0 1px 2px #0000000d,inset 0 0 0 1px #fff6}.list-item{display:flex;align-items:center;padding:22px 20px;min-height:64px;box-sizing:border-box;cursor:pointer;background:transparent;text-decoration:none;color:var(--color-text-primary);transition:background-color .2s;position:relative}.list-item:hover{background-color:#ffffff4d}.list-item:active{background-color:#0000000d}.list-item:not(:last-child):after{content:"";position:absolute;left:60px;bottom:0;right:0;height:1px;background-color:var(--color-separator);transform:scaleY(.5)}.list-icon{width:0;height:24px;margin-right:0;display:none;align-items:center;justify-content:center;font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.list-text{flex-grow:1;font-size:17px;font-weight:500;letter-spacing:-.01em}.list-chevron{width:14px;height:14px;fill:var(--color-text-secondary);opacity:.5;transition:transform .2s}.list-item:hover .list-chevron{transform:translate(2px);opacity:.8}.nav-bar{height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);position:sticky;top:0;z-index:100;border-bottom:.5px solid rgba(0,0,0,.05)}.nav-back{display:flex;align-items:center;gap:6px;font-size:17px;color:var(--color-accent);background:none;border:none;padding:8px 4px;cursor:pointer;font-family:inherit;font-weight:400;transition:opacity .2s}.nav-back:hover{opacity:.7}.nav-back svg{width:22px;height:22px;fill:currentColor;margin-left:-6px}.nav-title{position:absolute;left:50%;transform:translate(-50%);font-weight:600;font-size:17px;letter-spacing:-.01em;color:var(--color-text-primary)}.post-list-group{margin:20px 24px}.post-item .list-text{flex-direction:column;align-items:flex-start;gap:6px;padding-top:4px;padding-bottom:4px}.post-item-title{font-size:17px;font-weight:600;line-height:1.3;color:var(--color-text-primary)}.post-item-date{font-size:14px;color:var(--color-text-secondary);font-weight:400}.article-content{padding:40px;max-width:680px;margin:0 auto}.article-title{font-size:32px;line-height:1.1;margin-bottom:12px;font-weight:700;letter-spacing:-.02em}.article-date{font-size:15px;color:var(--color-text-secondary);margin-bottom:40px}.article-body{font-size:18px;line-height:1.6;color:#000000d9;font-weight:400}.article-body p{margin-bottom:24px;color:#000000d9}.article-body h2{font-size:24px;margin-top:48px;margin-bottom:20px;font-weight:600;letter-spacing:-.01em;color:var(--color-text-primary)}footer{padding:30px;text-align:center;font-size:15px;color:var(--color-text-tertiary)}.loading-state,.error{text-align:center;font-size:15px;color:var(--color-text-secondary);background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);padding:12px 24px;border-radius:100px;width:fit-content;margin:40px auto;box-shadow:0 4px 12px #0000000d}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 0 40px;margin-top:20px}.pagination-btn{background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);padding:10px 20px;border-radius:24px;color:var(--color-text-primary);font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center}.pagination-btn:hover:not(:disabled){background:#ffffffb3;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.pagination-btn:disabled{opacity:.3;cursor:default;box-shadow:none;background:#fff3}.pagination-info{font-size:14px;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;letter-spacing:1px}.type-note{flex-direction:column;align-items:flex-start;padding:24px;gap:12px;cursor:default}.note-content{width:100%;font-size:17px;line-height:1.5;color:var(--color-text-primary)}.note-content p{margin:0 0 12px;color:var(--color-text-primary)}.note-content img,.note-content video{max-width:100%;border-radius:16px;margin-top:12px;box-shadow:0 8px 24px #0000001f;display:block}.post-meta{width:100%;display:flex;justify-content:flex-end;font-size:13px;color:var(--color-text-tertiary);margin-top:8px}.tp-dfwv{z-index:1000!important;position:fixed!important;top:10px!important;right:10px!important}@media (max-width: 600px){main{padding:0;align-items:flex-start}.card{border-radius:24px;min-height:auto;margin:40px 24px;width:auto;max-width:100%;border:.5px solid rgba(255,255,255,.4);background:#ffffffa6;overflow-y:auto;-webkit-overflow-scrolling:touch;height:auto;padding-bottom:60px}h1{font-size:28px;word-break:break-word}.subtitle{font-size:16px}.list-text{white-space:normal;overflow:visible;text-overflow:clip}.note-content img,.note-content video,.article-body img,.article-body video{max-width:100%!important;height:auto}a{overflow-wrap:anywhere;word-break:break-word}}#lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:2000;display:none;justify-content:center;align-items:center;cursor:zoom-out;opacity:0;transition:opacity .3s ease}#lightbox.active{display:flex;opacity:1}#lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;transition:transform .3s cubic-bezier(.25,.8,.25,1);cursor:zoom-in;border-radius:4px;box-shadow:0 0 20px #00000080}#lightbox img.zoomed{transform:scale(2);cursor:zoom-out}@media (max-width: 600px){#lightbox img.zoomed{transform:scale(3)}}@media (max-width: 600px){.card.blog-mode{max-width:100%!important;width:auto!important;margin:10px!important;height:auto!important;border-radius:20px!important}}