.stage-box{position:relative;width:min(92vw,350px);aspect-ratio:1/1;margin:40px auto 16px;border:1px solid #000;background:#eee;overflow:hidden}.frame,.stage{position:absolute;inset:0;background:#eee}.frame{width:100%;height:100%;opacity:0;transition:none;display:block}.frame.is-active{opacity:1}.overlay{position:relative;z-index:2;display:grid;place-items:center;min-height:auto;margin-top:8px}.wrapper{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.stage-box{margin:0}.modal{position:fixed;inset:0;background:rgba(0,0,0,.15);display:grid;place-items:center;z-index:10}.modal-card{background:#eee;color:#000;border:1px solid #000;padding:16px;width:min(92vw,420px);text-align:center}.modal-actions{display:flex;gap:8px;justify-content:center;margin-top:8px}.frame{object-position:center center;object-fit:cover;image-orientation:from-image}.loading-cover{position:fixed;inset:0;display:grid;place-items:center;background:hsla(0,0%,100%,.82);backdrop-filter:blur(2px);z-index:20}.loading-card{background:#eee;border:1px solid #000;padding:18px 20px;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.1)}.loading-title{margin:10px 0 6px;font-weight:600}.loading-sub{margin:0;color:#333;font-size:13px}.spinner{width:32px;height:32px;border-radius:999px;border:3px solid #000;border-right-color:transparent;margin:0 auto;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.internal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}@media (max-width:1000px){.internal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.internal-grid{grid-template-columns:1fr}}.internal-card{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:1.75rem 1.25rem;border:1px solid #111;border-radius:10px;text-decoration:none;color:#111;background:#fff;text-align:center;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.internal-card:hover{background:#000;color:#fff;transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.18)}.internal-card:active{transform:translateY(-1px)}.internal-header{position:sticky;top:0;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1.5rem;background:#fff;color:#111;border-bottom:1px solid #111}.internal-btn{background:#000;border:1px solid #000;color:#fff;border-radius:6px;padding:.4rem .8rem;font-size:.85rem;cursor:pointer;transition:background .16s ease,color .16s ease}.internal-btn:hover{background:#fff;color:#000}.internal-avatar{display:flex;align-items:center;line-height:0;transition:transform .16s ease}.internal-avatar:hover{transform:scale(1.08) rotate(-3deg)}.archive-list{display:flex;flex-direction:column;border:1px solid #111;border-radius:10px;overflow:hidden}.archive-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.85rem 1.1rem;color:#111;text-decoration:none;border-bottom:1px solid #111;transition:background .14s ease,color .14s ease}.archive-row:last-child{border-bottom:none}.archive-row:hover{background:#000;color:#fff}.archive-row-title{font-weight:600}.archive-row-meta{font-size:.85rem;text-align:right}.thread-messages{display:flex;flex-direction:column;gap:.5rem}.msg-row{display:flex}.msg-row.out{justify-content:flex-end}.msg-row.in{justify-content:flex-start}.msg-bubble{max-width:34rem;padding:.55rem .85rem;border-radius:14px;border:1px solid #111;background:#fff;color:#111}.msg-row.out .msg-bubble{background:#000;color:#fff;border-color:#000}.msg-who{font-size:.75rem;font-weight:700;margin-bottom:.15rem}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.msg-media-note{font-size:.78rem;font-style:italic;margin-top:.2rem}.msg-time{font-size:.7rem;margin-top:.25rem}.msg-empty{font-style:italic}.thread-pager{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.thread-pager a{color:#111;font-weight:600}.pager-off{opacity:.35}.photo-jrow{display:flex;gap:6px;margin-bottom:6px}.photo-thumb{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px;background:#ececec;opacity:0;transition:opacity .18s ease}.photo-thumb.loaded{opacity:1}.msg-attachments{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.msg-attach-img{max-width:14rem;max-height:14rem;border-radius:8px;display:block}.msg-attach-file{font-size:.8rem;text-decoration:underline;color:inherit}.photo-month{font-size:1.15rem;line-height:28px;height:28px;margin:28px 0 12px}.photo-loading{padding:1rem 0 2rem;font-style:italic}.photo-cell{border:none;padding:0;background:#ececec;border-radius:4px;cursor:pointer;display:block;overflow:hidden;flex:0 0 auto;position:relative}.photo-video-badge{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;gap:3px;background:rgba(0,0,0,.72);color:#fff;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.4;pointer-events:none}.photo-video-badge svg{width:10px;height:10px}.lightbox-backdrop{position:fixed;inset:0;background:rgba(8,8,10,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;animation:lb-fade .16s ease}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.lightbox-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%;padding:2.5rem 4.5rem .75rem;animation:lb-zoom .2s ease}@keyframes lb-zoom{0%{opacity:0;transform:scale(.965)}to{opacity:1;transform:scale(1)}}.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.lightbox-close{top:.75rem;right:1.1rem;font-size:2rem}.lightbox-arrow,.lightbox-close{position:fixed;border:none;background:none;cursor:pointer;color:#fff;line-height:1;z-index:51}.lightbox-arrow{top:50%;transform:translateY(-50%);font-size:3rem;padding:1rem;transition:transform .14s ease}.lightbox-arrow:hover{transform:translateY(-50%) scale(1.2)}.lightbox-arrow-left{left:.5rem}.lightbox-arrow-right{right:.5rem}.lightbox-info{width:100%;padding:.5rem 1.25rem .9rem;display:flex;flex-direction:column;gap:.15rem;align-items:center;text-align:center;color:#fff}.lightbox-info-main{font-size:.85rem;font-weight:600}.lightbox-info-sub{font-size:.72rem;word-break:break-all;max-width:60rem}.internal-btn:disabled{opacity:.35;cursor:default}.tl-canvas{height:24rem}.tl-axis,.tl-tick{top:13.5rem}.tl-tick{height:.55rem}.tl-tick-label{top:.7rem;font-size:.66rem}.tl-lane-lo{top:8.5rem}.tl-lane-hi,.tl-lane-lo{transform:translate(-50%,-100%)}.tl-lane-hi{top:4.5rem}.tl-lane-lo .tl-stem{height:5rem}.tl-lane-hi .tl-stem{height:9rem}.tl-year{position:absolute;top:16rem;border:none;background:none;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;gap:.3rem;color:#111;text-decoration:none;padding:0 2px}.tl-bracket{width:92%;height:.5rem;border-left:1px solid #111;border-right:1px solid #111;border-bottom:1px solid #111}.tl-year-stats{font-size:.62rem;line-height:1.4;text-align:center}.tl-year:hover .tl-year-stats{font-weight:700}.tl-year:hover .tl-bracket{border-width:2px}.voice-heading{font-size:1.15rem;margin:1.5rem 0 .75rem}.voice-list{gap:1rem}.voice-list,.voice-row{display:flex;flex-direction:column}.voice-row{border:1px solid #111;border-radius:10px;padding:.85rem 1.1rem;gap:.5rem}.voice-row-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;flex-wrap:wrap}.voice-name{font-weight:600;overflow-wrap:anywhere}.voice-meta{font-size:.85rem;white-space:nowrap}.voice-player{width:100%}.timeline{gap:1.5rem}.timeline,.timeline-day{display:flex;flex-direction:column}.timeline-day{border:1px solid #111;border-radius:10px;padding:1rem 1.2rem;gap:.7rem}.timeline-date{font-size:1.05rem;margin:0}.timeline-threads{display:flex;flex-wrap:wrap;gap:.4rem}.timeline-thread{border:1px solid #111;border-radius:999px;padding:.2rem .7rem;font-size:.8rem;color:#111;text-decoration:none;transition:background .14s ease,color .14s ease}.timeline-thread:hover{background:#000;color:#fff}.timeline-photos{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.timeline-thumb{height:11rem;width:auto;max-width:100%;border-radius:6px;border:1px solid #111}.timeline-more{font-size:.8rem}.timeline-counts{margin:0;font-size:.85rem}.tl-wrap{width:100vw;margin-left:calc(50% - 50vw)}.tl-canvas{padding:0 4.5rem;height:27rem}.tl-inner{position:relative;height:100%}.tl-axis{left:-1.5rem;right:-1.5rem;border-top:2px solid #111}.tl-axis,.tl-tick{position:absolute;bottom:3.5rem}.tl-tick{width:1px;height:.6rem;background:#111;transform:translateY(100%)}.tl-tick-label{top:.8rem;left:50%;font-size:.68rem}.tl-item,.tl-tick-label{position:absolute;transform:translateX(-50%)}.tl-item{display:flex;flex-direction:column;align-items:center}.tl-lane-1{bottom:5rem}.tl-lane-2{bottom:10rem}.tl-lane-3{bottom:15rem}.tl-lane-4{bottom:19.5rem}.tl-stem{width:1px;background:#111;position:absolute;top:100%}.tl-lane-1 .tl-stem{height:1.5rem}.tl-lane-2 .tl-stem{height:6.5rem}.tl-lane-3 .tl-stem{height:11.5rem}.tl-lane-4 .tl-stem{height:16rem}.tl-card{border:1px solid #111;border-radius:8px;background:#fff;padding:.35rem .45rem;width:6.6rem;text-align:center}.tl-card-milestone{background:#000;color:#fff;border-color:#000;width:8.5rem}.tl-card-title{font-weight:700;font-size:.78rem}.tl-card-body{font-size:.68rem;line-height:1.35}.year-modal-backdrop{position:fixed;inset:0;background:rgba(8,8,10,.82);display:flex;align-items:center;justify-content:center;z-index:50;padding:1.5rem;animation:lb-fade .16s ease}.year-modal{background:#fff;color:#111;border-radius:12px;width:min(56rem,100%);max-height:92vh;display:flex;flex-direction:column;position:relative;animation:lb-zoom .2s ease}.year-modal-close{position:absolute;top:.6rem;right:.9rem;border:none;background:none;font-size:1.7rem;cursor:pointer;color:#111;line-height:1}.year-modal-head{display:flex;align-items:baseline;gap:.9rem;padding:1.1rem 1.5rem .6rem}.year-modal-title{font-size:1.5rem;margin:0}.year-modal-body{overflow-y:auto;padding:.5rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.scrub-rail{position:fixed;top:9rem;bottom:2.5rem;right:1.2rem;width:5.4rem;z-index:40;cursor:grab;touch-action:none;user-select:none}.scrub-rail:active{cursor:grabbing}.scrub-track{position:absolute;top:0;bottom:0;right:1.1rem;width:2px;background:#111;pointer-events:none}.scrub-year{font-size:.62rem;font-weight:700}.scrub-count,.scrub-year{position:absolute;right:1.8rem;white-space:nowrap;transform:translateY(-50%);pointer-events:none}.scrub-count{font-size:.6rem}.scrub-thumb{position:absolute;right:.72rem;width:.85rem;height:.85rem;border-radius:50%;background:#000;transform:translateY(-50%);transition:transform .12s ease;pointer-events:none}.scrub-thumb-active{transform:translateY(-50%) scale(1.45)}.scrub-bubble{position:absolute;right:5.8rem;transform:translateY(-50%);background:#000;color:#fff;border-radius:8px;padding:.35rem .7rem;font-size:.85rem;font-weight:700;white-space:nowrap;pointer-events:none;animation:lb-fade .12s ease}.yt-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.yt-header-line{margin:.15rem 0;line-height:1.5}.yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem}.yt-card{border:1px solid #111;border-radius:10px;background:#fff;color:#111;padding:0;overflow:hidden;cursor:pointer;text-align:left;display:flex;flex-direction:column;transition:transform .14s ease,box-shadow .14s ease}.yt-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.18)}.yt-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.yt-card-title{font-weight:600;font-size:.9rem;padding:.6rem .75rem .15rem}.yt-card-meta{font-size:.75rem;padding:0 .75rem .65rem}.yt-modal{width:min(52rem,100%)}.yt-modal-title{font-size:1.15rem}.yt-embed{position:relative;width:100%;aspect-ratio:16/9}.yt-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:8px}.yt-stats-line{font-size:.85rem;margin:.75rem 0 0}.yt-description{white-space:pre-wrap;font-size:.85rem;line-height:1.5}.yt-comments-head{font-size:1rem;margin:1.25rem 0 .5rem}.yt-comments{display:flex;flex-direction:column;gap:.6rem}.yt-comment{border:1px solid #111;border-radius:8px;padding:.5rem .75rem}.yt-comment-reply{margin-left:1.5rem}.yt-comment-matt{background:#000;color:#fff;border-color:#000}.yt-comment-head{display:flex;justify-content:space-between;gap:.75rem;font-size:.75rem;margin-bottom:.25rem}.yt-comment-author{font-weight:700}.yt-comment-text{font-size:.85rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.watch-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.watch-toggle-active{background:#000;color:#fff}.watch-month{font-size:1.15rem;height:36px;margin:12px 0 8px;display:flex;align-items:flex-end}.watch-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;height:35px;box-sizing:border-box;border-bottom:1px solid #111;font-size:.9rem}.watch-row-main{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watch-link{color:#111}.watch-channel,.watch-when{font-size:.8rem}.watch-when{white-space:nowrap}.photo-stream{overflow-anchor:none}.search-form{display:flex;gap:.6rem;margin-bottom:1.5rem}.search-input{flex:1;border:1px solid #111;border-radius:8px;padding:.55rem .9rem;font-size:1rem;background:#fff;color:#111}.search-results{display:flex;flex-direction:column;gap:1.5rem}.search-head{font-size:1.05rem;margin:0 0 .5rem}.search-row{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid #111;color:#111;text-decoration:none;font-size:.9rem}.search-row-main{min-width:0;overflow-wrap:anywhere}.search-row-when{white-space:nowrap;font-size:.78rem}a.search-row:hover .search-row-main{text-decoration:underline}.search-bubble-link{text-decoration:none;color:inherit;display:block}.search-bubble-link:hover .msg-bubble{box-shadow:0 3px 12px rgba(0,0,0,.2)}.msg-row{scroll-margin-top:6rem}.msg-row:target .msg-bubble{outline:3px solid #111;outline-offset:2px}.msg-row.out:target .msg-bubble{outline-color:#c9b98a}.lightbox-info-link{color:#fff;font-size:.8rem;font-weight:700;text-decoration:underline}.journal-layout{display:grid;grid-template-columns:15rem 16rem 1fr;gap:1rem;height:calc(100vh - 14rem);min-height:32rem}.journal-col{overflow-y:auto;border:1px solid #111;border-radius:10px;padding:.5rem}.journal-col,.journal-col>div{display:flex;flex-direction:column;gap:.15rem}.journal-nb-btn,.journal-page-btn,.journal-sec-btn{font:inherit;text-align:left;background:none;border:none;border-radius:7px;padding:.45rem .6rem;cursor:pointer;color:#111}.journal-nb-btn{font-weight:700}.journal-sec-btn{margin-left:1rem;font-size:.9rem}.journal-nb-btn:hover,.journal-page-btn:hover,.journal-sec-btn:hover{background:#f2f2f2}.journal-active{background:#111!important;color:#fff}.journal-page-btn{display:flex;flex-direction:column;gap:.1rem;border-bottom:1px solid #e5e5e5;border-radius:0}.journal-page-btn:last-child{border-bottom:none}.journal-page-btn:disabled{cursor:default}.journal-page-title{font-weight:600;font-size:.92rem;overflow-wrap:anywhere}.journal-page-date{font-size:.8rem}.journal-content{display:flex;flex-direction:column;min-width:0;min-height:0}.journal-content-head{display:flex;align-items:baseline;gap:.9rem;margin-bottom:.6rem}.journal-content-title{font-size:1.15rem;margin:0}.journal-content-empty{margin:.5rem 0 0}.journal-pdf{width:100%}.journal-pdf,.journal-text-wrap{flex:1;border:1px solid #111;border-radius:10px}.journal-text-wrap{min-height:0;overflow-y:auto;padding:1.25rem 1.5rem}.journal-text-note{margin:0 0 1rem;font-size:.85rem}.journal-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:1rem;line-height:1.7;margin:0}@media (max-width:900px){.journal-layout{grid-template-columns:1fr;height:auto}.journal-col{max-height:18rem}.journal-pdf{height:70vh}}.loading-ring{width:2.2rem;height:2.2rem;border:3px solid #ececec;border-top-color:#111;border-radius:50%;animation:ring-spin .8s linear infinite}@keyframes ring-spin{to{transform:rotate(1turn)}}.timeline-mails{display:flex;flex-direction:column;gap:.2rem}.timeline-mail{font-size:.82rem;overflow-wrap:anywhere}.timeline-mail-btn,.timeline-thumb-btn{border:none;padding:0;background:none;cursor:pointer}.timeline-mail-btn{font:inherit;color:#111;text-align:left}.timeline-mail-btn:hover{text-decoration:underline}.mail-modal{width:min(46rem,100%)}.mail-modal .year-modal-title{font-size:1.05rem;line-height:1.45}.mail-meta-grid{display:grid;grid-template-columns:max-content 1fr;gap:.2rem .9rem;font-size:.85rem;margin:0 0 1.1rem;padding-bottom:.9rem;border-bottom:1px solid #e5e5e5;overflow-wrap:anywhere}.mail-meta-label{font-weight:600}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:.92rem;line-height:1.6;margin:0}.journal-group-btn{font-weight:700}.journal-group-item{margin-left:1rem;display:flex;flex-direction:column;gap:.15rem}.person-mail-row{font:inherit;text-align:left;background:#fff;cursor:pointer;width:100%}.person-mail-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.person-mail-snippet{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38rem}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media (max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.project-grid{grid-template-columns:1fr}}.project-card{align-items:flex-start;text-align:left;gap:.5rem;cursor:pointer;font:inherit}.project-card-name{font-size:1.05rem;font-weight:700}.project-card-blurb{line-height:1.5}.project-card-meta{font-size:.82rem}.project-modal{width:min(46rem,100%)}.project-modal-body{line-height:1.6}.project-modal-body p{margin:0 0 .9rem}.project-posts h3,.project-readme h3{font-size:1rem;margin:1.1rem 0 .5rem}.project-readme h4{font-size:.92rem;margin:.9rem 0 .4rem}.project-readme-list{margin:0 0 .9rem 1.2rem;padding:0}.project-post-row{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid #e5e5e5}.project-post-row:last-child{border-bottom:none}.project-post-title{overflow-wrap:anywhere}.project-post-date{white-space:nowrap;font-size:.82rem}.project-repo-link{color:#111;font-weight:600}.faces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:1rem}.face-card{display:flex;flex-direction:column;gap:.3rem;border:1px solid #111;border-radius:10px;padding:.6rem}.face-card-cover{border:none;padding:0;background:none;cursor:pointer;line-height:0}.face-card-img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;background:#ececec}.face-card-label{font:inherit;font-weight:700;text-align:left;border:none;background:none;padding:0;cursor:text;color:#111}.face-card-label:hover{text-decoration:underline}.face-card-count{font-size:.8rem}.face-rename{display:flex;gap:.35rem}.face-rename-input{font:inherit;min-width:0;flex:1;border:1px solid #111;border-radius:6px;padding:.15rem .4rem}.face-rename-btn{padding:.15rem .55rem;font-size:.8rem}.faces-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.4rem}.faces-photo-thumb{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;background:#ececec}.mail-attachments{margin-top:1.1rem}.mail-attach-files{display:flex;flex-direction:column;gap:.35rem;margin-top:.9rem}.mail-attach-file{color:#111;font-size:.9rem;overflow-wrap:anywhere}