*{margin:0;padding:0}body{font-size:14px;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif;color:#333;background:#fff;margin:0;padding:24px;-webkit-text-size-adjust:100%;@media (max-width:768px){padding:16px}}img{border:none;vertical-align:middle}a{&:link{color:#333;text-decoration:underline}&:visited{color:#666;text-decoration:underline}&:hover{color:#000;text-decoration:underline}&:active{color:#000}}header{display:flex;justify-content:space-between;margin-bottom:16px;.header-brand{display:flex;align-items:center;gap:24px}.header-date{font-size:12px;color:#666;white-space:nowrap;br.sp{display:none;@media (max-width:768px){display:block}}}h1 img{width:130px}.header-menu-wrap{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.header-text-links{display:inline-flex;align-items:center;gap:8px}.header-about-link{padding:6px 12px;font-size:14px;color:#333;text-decoration:none;border-radius:4px;&:hover{background:#f5f5f5}}.header-write-link{display:inline-flex;align-items:center;gap:0.35em;padding:6px 12px;font-size:14px;color:#333;text-decoration:none;border-radius:4px;&:hover{background:#f5f5f5}&.flash-write-link{animation:header-write-flash 0.4s ease-in-out 4}i{font-size:0.95em}}.header-write-icon-link{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0 2px;border:none;background:transparent;color:#333;font-size:18px;text-decoration:none;border-radius:50%;&:hover{background:#f5f5f5}&.flash-write-link{animation:header-write-flash 0.4s ease-in-out 4}}.header-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0 2px;border:none;background:transparent;color:#333;font-size:18px;cursor:pointer;border-radius:4px;.header-menu-icon{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block}}.header-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:180px;padding:6px 0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.15);z-index:100;display:none;&.is-open{display:block}&::before{content:"";position:absolute;top:-6px;right:12px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ddd}&::after{content:"";position:absolute;top:-5px;right:13px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff}a{display:block;padding:8px 14px;font-size:13px;color:#333;text-decoration:none;white-space:nowrap;&:hover{background:#f0f0f0}}}.header-menu-dropdown-divider{margin:6px 0;border:0;border-top:1px solid #e5e5e5}}@keyframes header-write-flash{0%,100%{background:transparent;color:#333}50%{background:#000;color:#fff}}.hello p{font-size:12px;line-height:1.8;margin:24px 0}.about-page{max-width:600px;margin:24px auto;padding:0 16px;h1{font-size:20px;font-weight:700;margin:120px 0 24px}.about-lead{font-size:14px;color:#555;margin-bottom:24px}.about-hero-img{text-align:center;margin:80px 0;img{max-width:40%;height:auto;vertical-align:top}&.shake img{animation:shake 0.06s ease-in-out 10;transform-origin:center center}}.about-section{margin-bottom:24px;h2{font-size:18px;font-weight:700;margin-bottom:16px}p,ul{font-size:16px;line-height:1.9;margin:0 0 12px}ul{padding-left:1.2em}li{margin-bottom:6px}code{font-size:11px;background:#f0f0f0;padding:1px 4px;border-radius:2px}}.about-top{margin-top:32px;font-size:12px}.about-info-feed{margin-top:32px;h2{margin-bottom:12px}}.about-info-table{margin-top:0}.about-info-more{margin-top:24px;text-align:right;a,i{font-size:12px}}.about-support{margin:32px 0 48px}.about-support-success{color:#0a0;font-weight:600;margin-bottom:12px;text-align:center}.about-support-options{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;margin:16px 0;padding:24px;background:#eee;width:100%}.about-support-form{margin:0}.about-support-btn{display:inline-block;padding:10px 20px;font-size:14px;font-weight:600;color:#fff;background:#635bff;border:none;border-radius:6px;cursor:pointer;&:hover{background:#5149e6}&-sub{background:#0a0;&:hover{background:#080}}}.about-support-note{color:#666;margin-top:0;li{font-size:14px;margin:0}}.about-support-disabled{color:#888;font-size:12px}.about-featured-user{margin:2rem 0}.about-featured-user-inner{display:flex;align-items:flex-start;gap:1.25rem;max-width:560px;margin:0 auto;padding:1.25rem;background:#f8f8f8;border-radius:12px;border:1px solid #eee}.about-featured-user-icon{flex-shrink:0;display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#e0e0e0}.about-featured-user-icon img{width:100%;height:100%;object-fit:cover}.about-featured-user-body{flex:1;min-width:0}.about-featured-user-name{margin:0.5rem 0;font-size:1.1rem;font-weight:600}.about-featured-user-about{margin:0;font-size:14px!important;line-height:1.6;color:#444;white-space:pre-wrap}.about-featured-user-links{margin:8px 0 0!important;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.about-featured-user .user-header-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f0f0f0;color:#555;font-size:16px;text-decoration:none;transition:background 0.2s ease,color 0.2s ease,transform 0.15s ease}.about-featured-user .user-header-icon:hover{color:#fff;transform:scale(1.08)}.about-featured-user .user-header-icon-website:hover{background:#333}.about-featured-user .user-header-icon-x:hover{background:#0f1419}.about-featured-user .user-header-icon-instagram:hover{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.about-featured-user .user-header-icon-facebook:hover{background:#1877f2}.about-featured-user .user-header-icon-youtube:hover{background:#ff0000}.about-notice{margin:120px 0;ul li{font-size:14px}}}@keyframes shake{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.autopagerize_page_element{width:100%;border-top:1px solid #eee;border-right:1px solid #eee;th{text-align:center;padding:5px 0;font-size:11px;border-bottom:1px solid #eee;border-left:1px solid #eee;&.th-icon,&.th-photo,&.th-year{width:70px}&.th-month,&.th-day,&.th-age{width:40px}&.th-note{width:auto}@media (max-width:768px){&.th-icon,&.th-photo,&.th-year,&.th-month,&.th-day,&.th-age{width:auto}}}tr.feed-repeat-header th{background:#fafafa}td{padding:8px;border-bottom:1px solid #eee;border-left:1px solid #eee;text-align:center;&.td-icon{text-align:center;img{width:40px;height:40px;object-fit:cover;border-radius:50%}}&.td-note{width:auto;text-align:left}&.td-photo img{width:60px;max-height:60px;object-fit:cover;border-radius:4px}}}#feed-table[data-sort="age"] th.th-age,#feed-table[data-sort="age"] td.td-age,#feed-table[data-sort="year"] th.th-year,#feed-table[data-sort="year"] td.td-year{background:#f5f5f5}.feed-table-scroll-wrap.view-timeline{overflow-x:hidden;overflow-y:visible}.timeline-view{position:relative;max-width:900px;margin:0 auto;padding:40px 0 24px}.timeline-axis{position:fixed;left:50%;top:0;height:100vh;width:8px;margin-left:-4px;background:#ddd;z-index:-1;pointer-events:none}.timeline-cards{position:relative;z-index:1;padding-top:16px;&::after{content:"";display:table;clear:both}}.timeline-year-group{position:relative;clear:both;margin-top:32px;&:first-child{margin-top:0}&::after{content:"";display:table;clear:both}}.timeline-year-row{position:relative;margin-bottom:16px;min-height:56px}.timeline-year-heading{position:absolute;left:50%;transform:translateX(-50%);font-size:40px;font-weight:700;color:#333;text-align:center;padding:0 8px;white-space:nowrap}.timeline-year-connector-right{position:absolute;left:calc(50% + 50px);width:30px;top:50%;height:2px;margin-top:-1px;background:#ddd;.timeline-connector-icon{position:absolute;right:-2px;top:50%;transform:translate(100%,-50%);font-size:11px;line-height:1;animation:timeline-icon-blink 3s ease-in-out infinite}}.timeline-year-connector-left{position:absolute;left:calc(50% - 80px);width:30px;top:50%;height:2px;margin-top:-1px;background:#ddd;.timeline-connector-icon{position:absolute;left:-2px;top:50%;transform:translate(-100%,-50%);font-size:11px;line-height:1;animation:timeline-icon-blink 3s ease-in-out infinite}}@keyframes timeline-icon-blink{0%,100%{opacity:1}50%{opacity:0.2}}.timeline-year-cards{width:calc(50% - 24px);box-sizing:border-box;.timeline-card{width:100%;margin-bottom:20px;box-sizing:border-box;&:last-child{margin-bottom:0}}}.timeline-year-cards-left{float:left;margin-top:-65px;margin-left:-63px;clear:left}.timeline-year-cards-right{float:right;margin-top:-65px;margin-right:-63px;clear:right}.timeline-card{display:flex;flex-direction:column;padding:16px;background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.06)}.timeline-card-left,.timeline-card-right{width:calc(50% - 24px);margin-bottom:20px}.timeline-card-left{float:left;margin-right:24px;clear:left}.timeline-card-right{float:right;margin-left:24px;clear:right}.timeline-card-date{font-size:14px;color:#333;margin-bottom:8px}.timeline-card-by{font-size:12px;color:#888;margin-top:auto;margin-bottom:0;padding-top:8px;display:flex;align-items:center;gap:8px;align-self:flex-start;a{color:#333;text-decoration:none;&:hover{text-decoration:underline}}}.timeline-card-by-link{flex-shrink:0;line-height:0}.timeline-card-icon{width:28px;height:28px;border-radius:50%;object-fit:cover;vertical-align:top}.timeline-card-note{font-size:16px;line-height:1.8;font-weight:bold;word-break:break-word;a{text-decoration:underline}}.timeline-card-photo{margin-top:8px;img{max-width:100%;height:auto;border-radius:4px;vertical-align:top}}.feed-table-scroll-wrap.view-vertical{overflow-x:auto;overflow-y:visible}#feed-table.view-transposed{thead th,tbody th,tbody td{writing-mode:vertical-lr;text-orientation:mixed;padding:6px;white-space:nowrap;border:1px solid #eee}.th-label,.th-row-label{font-weight:600}.th-note-col,.td-year,.td-date,.td-month,.td-day,.td-age,.td-icon{writing-mode:horizontal-tb;text-align:center}.td-year{overflow:visible;position:relative;padding:4px 6px;font-size:13px;text-align:left;.year-with-tooltip{font-size:12px;.follow-icon-tooltip{display:block;height:14px}}}.td-date,.td-age{padding:2px 6px;font-size:12px}.td-icon img{width:30px;height:30px;object-fit:cover;border-radius:50%}.td-note{white-space:nowrap;padding:8px;.entry-content{writing-mode:vertical-rl;text-orientation:upright;display:flex;align-items:center;justify-content:start;.entry-line1 .note{font-size:18px;a{text-orientation:mixed;text-decoration:none}}}.entry-photo{margin-top:4px;img{max-width:24px;width:auto;vertical-align:top}}}.td-photo img{max-height:80px;width:auto}}#user-header{position:relative;z-index:2;margin:0 0 16px;display:flex;align-items:center;gap:24px;div.icon img{max-width:200px;border-radius:4px}div.desc{flex:1;min-width:0;h2{font-size:24px;margin:0}.about{margin:16px 0;font-size:14px;line-height:1.8;a{font-size:12px;font-style:italic}.user-header-icons{margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.user-header-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f0f0f0;color:#555;font-size:16px;text-decoration:none;transition:background 0.2s ease,color 0.2s ease,transform 0.15s ease}.user-header-icon:hover{color:#fff;transform:scale(1.08)}.user-header-icon-website:hover{background:#333}.user-header-icon-x:hover{background:#0f1419}.user-header-icon-instagram:hover{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.user-header-icon-facebook:hover{background:#1877f2}.user-header-icon-youtube:hover{background:#ff0000}}}.desc-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}}.follower{margin:0 0 16px;display:flex;gap:12px;img{margin:0}}.follow-icons{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.follow-icons-list{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;.follow-icon-link:nth-child(n+11){display:none}&.is-expanded .follow-icon-link:nth-child(n+11){display:inline-block}}.follow-icons-more-wrap{margin:0;display:inline-block}.follow-icons-more-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-size:12px;color:#666;background:transparent;border:1px solid #ddd;border-radius:50%;cursor:pointer;&:hover{background:#f5f5f5;color:#333}}.follow-icon-link{position:relative;display:inline-block;&:hover .follow-icon-tooltip{opacity:1;visibility:visible}}.follow-icon{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block;@media (max-width:768px){width:24px;height:24px}}.follow-icon-tooltip{position:absolute;left:50%;bottom:100%;transform:translateX(-50%) translateY(-4px);padding:4px 8px;font-size:11px;line-height:1.3;color:#fff;background:#333;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.15s,visibility 0.15s;z-index:10000;&::after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border:4px solid transparent;border-top-color:#333}}.year-with-tooltip{position:relative;display:block;&:hover{z-index:10001;.follow-icon-tooltip{opacity:1;visibility:visible}}.follow-icon-tooltip{padding-right:2px}}.follow-btn-wrap{position:relative;display:inline-block;&:hover .follow-icon-tooltip{opacity:1;visibility:visible}}.form_follow button,.form_follow a,.follow-btn-add{background:#000;color:#fff;font-size:11px;text-decoration:none;padding:5px 10px;border:none;cursor:pointer}.form_remove button,.form_remove a,.follow-btn-remove{background:#eee;color:#999;font-size:11px;text-decoration:none;padding:5px 10px;border:none;cursor:pointer}.follow-btn{display:inline-flex;align-items:center;justify-content:center;width:2em;height:2em;padding:0;font-size:1rem;border-radius:50%}#page-header{position:relative;z-index:2;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;.page-title-row{display:flex;align-items:center;gap:16px}.page-title a,.page-title-link{display:inline-block;font-size:14px;color:#333;text-decoration:none;padding:6px 12px;border-radius:4px;white-space:nowrap}.page-title a:hover,.page-title-link:not(.is-active):hover{background:#f5f5f5}.page-title.is-active a,.page-title-link.is-active{background:#f5f5f5;&:hover{cursor:default}}.page-nav-toggle.view-toggle{margin-right:12px}.view-toggle{display:inline-flex;border:1px solid #ccc;border-radius:6px;overflow:hidden;background:#f9f9f9}.view-toggle-btn{display:inline-block;font-size:13px;padding:6px 12px;color:#333;text-decoration:none;background:transparent;border:none;border-radius:0;&:first-child{border-right:1px solid #ccc}&:hover{background:#eee}&.is-active{background:#e5e5e5;font-weight:600;&:hover{background:#d0d0d0}}.view-toggle-icon-rotate{transform:rotate(90deg)}.view-toggle-icon-timeline{transform:rotate(90deg);font-size:10px}i{margin-right:0.35em}}.page-filters{label{margin-left:11px;margin-right:4px;font-size:12px}select{padding:8px;font-size:12px;border:1px solid #ccc;border-radius:4px;background:#fff}}table{width:100%}td.td_right{text-align:right;form{float:right;margin-left:10px;select{background:#fff}}}}#page-header[data-sort="age"] .form-age select,#page-header[data-sort="year"] .form-year select{background:#eee}.custom-select{position:relative;display:inline-block;vertical-align:middle;select{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:0}&.is-open .custom-select-icon{transform:rotate(180deg)}}.custom-select-trigger{display:inline-flex;align-items:center;gap:6px;min-width:100px;padding:8px 10px;font-size:12px;color:#333;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;text-align:left;font-family:inherit;box-sizing:border-box;white-space:nowrap;&:hover{border-color:#999}}.page-filters{.custom-select-trigger{min-width:9em}.custom-select-view .custom-select-trigger{min-width:130px}}.custom-select-value-icon{display:none;margin-right:6px;flex-shrink:0;&:not(:empty){display:inline-flex;align-items:center}.view-toggle-icon-rotate{transform:rotate(90deg)}.view-toggle-icon-timeline{transform:rotate(90deg);font-size:10px}}.custom-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-icon{flex-shrink:0;font-size:10px;color:#666;transition:transform 0.2s ease}.custom-select-dropdown{position:absolute;left:0;top:100%;margin-top:2px;min-width:100%;max-height:240px;overflow-y:auto;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.12);z-index:10;&[hidden]{display:none}}.custom-select-option{display:flex;align-items:center;width:100%;padding:8px 10px;font-size:12px;color:#333;background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit;&:hover{background:#f0f0f0}&.is-selected{background:#e8f4fc;font-weight:600}.view-toggle-icon-rotate{transform:rotate(90deg)}.view-toggle-icon-timeline{transform:rotate(90deg);font-size:10px}}.custom-select-option-icon{margin-right:8px;flex-shrink:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.entry-actions{display:inline-flex;align-items:center;gap:12px;margin-left:16px;opacity:0;transition:opacity 0.2s ease;pointer-events:none;.entry-action-form{display:inline}}.td-note:hover .entry-actions{opacity:1;pointer-events:auto}.entry-action-link,.entry-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;color:#333;background:none;border:none;cursor:pointer;font-size:15px;text-decoration:none}.entry-action-link:hover,.entry-action-btn:hover{color:#000}.fav-star-wrap{position:relative;display:inline-flex;align-items:center;gap:4px;margin-left:14px;.fav-users-tooltip{position:absolute;left:0;bottom:100%;margin-bottom:2px;padding:6px 8px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.12);display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-items:center;max-width:280px;overflow-x:auto;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.15s,visibility 0.15s;z-index:20;&.is-visible{opacity:1;visibility:visible;pointer-events:auto}.fav-user-icon{display:inline-block;line-height:0;flex-shrink:0;img{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block}}}.fav-star,.fav-star-static{display:inline-flex;align-items:center;justify-content:center;padding:0 3px;background:none;border:none;cursor:pointer;font-size:15px;color:#999;@media (max-width:768px){font-size:12px}&.faved,&.faved i{color:#e63946}}.fav-star:hover{color:#e63946}.fav-star-static{cursor:default}.fav-count{font-size:13px;color:#666;margin-left:2px;@media (max-width:768px){font-size:12px}}}.entry-content{.entry-line1{display:block;margin-bottom:6px;span.note{font-size:16px;font-weight:bold;a{font-size:11px;font-weight:normal;font-style:italic}}.entry-permalink{margin-left:16px;text-decoration:none;font-size:15px;i{color:#666;&:hover{color:#333}}}}.entry-line2{display:block;font-size:13px;color:#666;a{margin-right:16px}.entry-place{i{margin-right:4px;font-size:12px}}}@media (max-width:768px){.entry-line1{.entry-permalink{font-size:12px}}.entry-line2{font-size:11px;a{margin-right:16px}.entry-place{i{font-size:11px}}}}}body.note-page main{max-width:640px;margin:0 auto;padding:1.5rem 24px}.note-permalink{background:#fff;border-radius:12px;border:1px solid #e5e5e5;overflow:hidden}.note-permalink-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.75rem;padding:1rem 1.25rem;background:#fafafa;border-bottom:1px solid #eee}.note-author{display:inline-flex;align-items:center;gap:0.5rem;text-decoration:none;color:#333;font-weight:500;&:hover{text-decoration:underline}}.note-author-icon{width:40px;height:40px;border-radius:50%;object-fit:cover}.note-back-link{font-size:13px;color:#666;text-decoration:none;i{font-size:10px;margin-right:4px}&:hover{color:#333;text-decoration:underline}}.note-permalink-prevnext{display:flex;align-items:center;gap:0.25rem;a{font-size:16px;color:#666;text-decoration:none;padding:0.2em 0.35em;line-height:1;&:hover{color:#333;text-decoration:underline}}}.note-permalink-body{padding:1.25rem 1.5rem}.note-meta-date{margin:0 0 1rem;font-size:14px;color:#333}.note-meta{display:grid;grid-template-columns:auto 1fr;gap:0.25rem 1.5rem;margin:0 0 1rem;font-size:14px;dt{color:#666;font-weight:normal}dd{margin:0}}.note-content{margin-bottom:1rem}.note-text{font-size:24px;line-height:1.8;margin-bottom:0.5rem;a{font-size:13px;font-weight:normal;font-style:italic}}.note-place{margin:0;font-size:13px;color:#666;i{margin-right:0.25em;opacity:0.8}}.note-photo{margin-bottom:1rem}.note-photo-img{display:block;max-width:30%;height:auto;border-radius:8px}.note-actions{display:flex;align-items:center;flex-wrap:wrap;gap:0.75rem 1rem;padding-top:1rem;border-top:1px solid #eee;font-size:14px;i{margin-right:6px}.fav-star-wrap{display:inline-flex;align-items:center;margin-left:0}.entry-action-link,.entry-action-btn{background:none;border:none;padding:0;color:#666;text-decoration:none;cursor:pointer;font-size:14px;&:hover{color:#333}}form.inline-form{display:inline}}.note-permalink-copy{background:none;border:none;padding:0;cursor:pointer;font-size:14px;color:#666;text-decoration:none;&:hover{color:#333;text-decoration:underline}}.note-onthisday{margin-top:16px;padding-top:24px;border-top:1px solid #e5e5e5}.note-onthisday-title{margin:0 0 0.75rem;font-size:14px;font-weight:600;color:#333}.note-onthisday-list{margin:0;padding-left:1.25rem;list-style:disc}.note-onthisday-item{margin-bottom:0.5rem;font-size:13px;line-height:1.5}.note-onthisday-year{font-weight:600;color:#555}.note-onthisday-text{color:#333;&:hover{text-decoration:underline}}.note-onthisday-credit{margin:16px 0 0;font-size:11px;color:#888;text-align:right;a{color:#666}}div.sort a{margin:0 2px;padding:7px 10px;font-size:11px;&:hover{background:#f5f5f5;color:#333}}body#user a.sort-me,body#friend a.sort-friend,body.all a.sort-all,body.friend a.sort-friend,body.sort a.sort-friend,body.mypage a.sort-me{background:#333;color:#fff;text-decoration:none}body.setting-page main{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100vh - 180px);padding:2rem 24px;box-sizing:border-box}body#setting.setting-page #main form,.setting-card .setting-form{padding:0;background:none;border-radius:0}.setting-card{width:100%;max-width:480px;padding:48px 24px 32px;background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,0.08);border:1px solid #e8e8e8;box-sizing:border-box;h1{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;text-align:center}.message{margin:0 0 1rem;font-size:14px;line-height:1.5;&.error{color:#c00}}}.setting-welcome{width:100%;max-width:480px;margin:0 0 1.5rem;font-size:1.35rem;line-height:1.5;font-weight:600;text-align:center;color:#333;span{font-size:1rem}}.setting-nav{display:flex;gap:6px;margin:0 0 1.5rem;padding-bottom:0;border-bottom:1px solid #ddd}.setting-nav-link{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid #ddd;border-bottom:none;border-radius:4px 4px 0 0;background:#f3f3f3;color:#555;font-size:14px;font-weight:500;text-decoration:none!important;transform:translateY(1px);transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease}.setting-nav-link:hover{background:#ececec;color:#222}.setting-nav-link.is-active{background:#fff;color:#222;position:relative;z-index:1}.setting-form{margin-top:1.25rem}.setting-row{margin-bottom:1.25rem}.setting-sns-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1rem;margin-bottom:1.25rem}.setting-sns-grid .setting-row{margin-bottom:0}.setting-label{display:block;margin-bottom:0.35rem;font-size:13px;color:#555;font-weight:500}.setting-field{input[type="text"],input[type="password"],input[type="email"],input[type="url"],textarea{width:100%;max-width:100%;box-sizing:border-box;padding:10px 12px;font-size:15px;border:1px solid #ccc;border-radius:6px}input:focus,textarea:focus{outline:none;border-color:#333}input[type="file"]{font-size:13px;padding:6px 0;border:none}.hint{display:block;margin-top:0.35rem;font-size:12px;color:#888}}.setting-field-inline{select{padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:6px;margin-right:0.25rem}.setting-year-input{width:80px!important;height:39px;padding:10px 12px;box-sizing:border-box;font-size:14px;border:1px solid #ccc;border-radius:6px;&::placeholder{color:#ccc}}.custom-select-trigger{margin-top:-2px;padding:10px 12px;font-size:14px;width:30px;height:40px;box-sizing:border-box;border-radius:6px;display:flex;align-items:center;min-width:auto}.custom-select:first-of-type .custom-select-trigger,.custom-select:nth-of-type(2) .custom-select-trigger{width:60px;margin-left:10px}.custom-select-dropdown{max-height:200px}}.setting-row-icon .setting-field{display:flex;flex-direction:column;align-items:center;.hint{text-align:center;margin-top:0.5rem}}.setting-icon-wrap{position:relative;display:inline-block;.setting-icon-preview{margin-bottom:0}}.setting-icon-preview-label{display:block;cursor:pointer}.setting-icon-delete{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ddd;color:#999;border-radius:50%;font-size:14px;line-height:1;text-decoration:none;transition:background 0.2s,color 0.2s;&:hover,&:link{text-decoration:none}&:hover{background:#ccc;color:#000}}.setting-icon-preview{display:block;width:120px;height:120px;object-fit:cover;border-radius:50%;margin-bottom:0.5rem}.setting-icon-empty{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;border:2px dashed #ccc;border-radius:50%;background:#fafafa;color:#999;cursor:pointer;text-decoration:none;transition:border-color 0.2s,color 0.2s,background 0.2s;&:hover{border-color:#999;color:#666;background:#f0f0f0}}.setting-icon-empty-inner{display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1}.setting-submit{margin:1.5rem 0 0;text-align:center;button{padding:12px 24px;font-size:15px;font-weight:500;color:#fff;background:#333;border:none;border-radius:6px;cursor:pointer;&:hover{background:#000}}}body.post-page main,body.edit-page main{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 180px);padding:2rem 24px;box-sizing:border-box}body#post.post-page #main form,body#edit.edit-page #main form{padding:0;background:none;border-radius:0}.post-card{width:100%;max-width:480px;padding:48px 24px 32px;background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,0.08);border:1px solid #e8e8e8;box-sizing:border-box;h1{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;text-align:center}.message{margin:0 0 1rem;font-size:14px;line-height:1.5;&.error{color:#c00}}}.post-field{input.input-error,textarea.input-error,select.input-error{border-color:#c66;box-shadow:0 0 0 1px #c66}input.input-error:focus,textarea.input-error:focus,select.input-error:focus{border-color:#c00;box-shadow:0 0 0 1px #c00}}.post-photo-area{&.has-error .post-photo-empty{border-color:#c66;box-shadow:0 0 0 1px #c66}&.has-error .post-photo-preview{box-shadow:0 0 0 2px #c66}}.post-form{margin-top:1.25rem}.post-row{margin-bottom:1.25rem}.post-label{display:block;margin-bottom:0.35rem;font-size:13px;color:#555;font-weight:500}.post-field{input[type="text"],input[type="number"],textarea{width:100%;max-width:100%;box-sizing:border-box;padding:10px 12px;font-size:15px;border:1px solid #ccc;border-radius:6px}input:focus,textarea:focus{outline:none;border-color:#333}input[type="file"]{font-size:13px;padding:6px 0;border:none}.hint{display:block;margin-top:0.35rem;font-size:12px;color:#888}}.post-place-tags{margin:0.5rem 0 0;font-size:13px;color:#666}.post-place-tags-label{margin-right:0.5rem}.post-place-tag{display:inline-block;margin:0 0.35rem 0.35rem 0;padding:4px 10px;font-size:12px;color:#333;background:#f0f0f0;border:none;border-radius:4px;cursor:pointer;&:hover{background:#e5e5e5}}.post-field-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;.post-inline-label{display:inline-flex;align-items:center;gap:0.35rem;font-size:14px;color:#555}input{width:auto;min-width:4em}input[type="number"]{min-width:6em}select{padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:6px;background:#fff;min-width:4em;&[name="year"]{min-width:5.5em}}.custom-select-trigger{padding:8px 10px;font-size:14px;min-width:4em;min-height:2.5em;box-sizing:border-box;border-radius:6px}.custom-select:first-child .custom-select-trigger{min-width:5.5em}.custom-select:nth-of-type(2) .custom-select-trigger,.custom-select:nth-of-type(3) .custom-select-trigger{padding:11px 12px}.custom-select-dropdown{max-height:200px}}.post-more{margin-bottom:1.25rem;&.is-open{.post-more-content{max-height:320px;opacity:1}.post-more-content .post-row{margin-top:1.25rem}.post-more-content .post-row:first-child{margin-top:1rem}}}.post-more-trigger{display:inline-flex;align-items:center;gap:0.35rem;padding:8px 12px;font-size:14px;color:#666;background:none;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:color 0.2s,border-color 0.2s,background 0.2s;&:hover{color:#333;border-color:#ccc;background:#f9f9f9}i{font-size:0.9em;transition:transform 0.25s ease}}.post-more-content{overflow:hidden;max-height:0;opacity:0;transition:max-height 0.4s ease,opacity 0.35s ease}.post-submit{margin:1.5rem 0 0;text-align:center;button{padding:12px 24px;font-size:15px;font-weight:500;color:#fff;background:#333;border:none;border-radius:6px;cursor:pointer;&:hover{background:#000}}}.post-hint{margin:1rem 0 0;text-align:center;font-size:12px;color:#888}.post-row-photo .post-field{display:flex;flex-direction:column;align-items:flex-start;.hint{margin-top:0.5rem;font-size:12px;color:#888}}.post-photo-area{display:inline-block;position:relative;.post-photo-preview{cursor:pointer}}.post-photo-empty{display:inline-flex;align-items:center;justify-content:center;width:120px;height:80px;border:2px dashed #ccc;border-radius:8px;background:#fafafa;color:#999;cursor:pointer;text-decoration:none;transition:border-color 0.2s,color 0.2s,background 0.2s;&:hover{border-color:#999;color:#666;background:#f0f0f0}}.post-photo-empty-inner{display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1}.post-photo-wrap{display:inline-block}.post-photo-preview-label{display:block;cursor:pointer}.post-photo-preview{display:block;width:120px;height:80px;object-fit:cover;border-radius:8px}.post-photo-delete{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:#ddd;color:#999;border-radius:50%;font-size:14px;line-height:1;cursor:pointer;transition:background 0.2s,color 0.2s;&:hover{background:#ccc;color:#000}}.post-back{margin:1.25rem 0 0;text-align:center;font-size:14px;a{color:#333;text-decoration:none}}.form-error-flash{position:fixed;top:24px;left:50%;transform:translateX(-50%) translateY(-10px);z-index:10000;max-width:90%;padding:12px 20px;background:#fff;border:1px solid #e88;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.12);color:#c00;font-size:14px;line-height:1.5;opacity:0;visibility:hidden;transition:opacity 0.35s ease,transform 0.35s ease,visibility 0.35s;&.is-visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}&.is-fade-out,&[aria-hidden="true"]{opacity:0;transform:translateX(-50%) translateY(-10px);visibility:hidden}}.top-notification{position:fixed;top:0;left:0;right:0;z-index:10002;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 48px 14px 20px;box-shadow:0 2px 12px rgba(0,0,0,0.15);animation:top-notification-fade-in 0.4s ease;pointer-events:auto;&--error{background:rgba(180,50,50,0.96);color:#fff}&.is-hidden{animation:top-notification-fade-out 0.3s ease forwards}}.top-notification-text{flex:1;text-align:center;font-size:14px;line-height:1.45}.top-notification-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.2);border:none;border-radius:6px;color:#fff;font-size:1.1rem;cursor:pointer;transition:background 0.2s ease;&:hover{background:rgba(255,255,255,0.35)}}@keyframes top-notification-fade-in{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes top-notification-fade-out{to{opacity:0;transform:translateY(-100%);visibility:hidden}}body.auth-page main{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 180px);margin-top:-72px;padding:2rem 24px;box-sizing:border-box}.auth-card{width:100%;max-width:400px;padding:48px 24px 24px;background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,0.08);border:1px solid #e8e8e8;box-sizing:border-box;h1{margin:0 0 1.25rem;font-size:1.5rem;font-weight:600;text-align:center}p{font-size:12px;line-height:1.8;margin:0 0 12px}.message{margin:0 0 1rem;font-size:14px;line-height:1.5;&.error{color:#c00;ul{margin:0.5rem 0 0 1rem;padding:0}}}.sign-form,form{margin:1.25rem 0 0;p{margin:0 0 1rem}label{display:block;margin-bottom:0.25rem;font-size:13px;color:#555}input[type="text"],input[type="password"],input[type="email"]{width:100%;max-width:100%;box-sizing:border-box;padding:10px 12px;font-size:16px;border:1px solid #ccc;border-radius:6px}input:focus{outline:none;border-color:#333}button[type="submit"]{width:100%;padding:12px 16px;font-size:15px;font-weight:500;color:#fff;background:#333;border:none;border-radius:6px;cursor:pointer;margin-top:0.5rem;&:hover{background:#000}}>p:last-child{margin-top:1.25rem;text-align:center;font-size:13px}}form + p{margin-top:1rem}.auth-input-wrap{position:relative;display:block;.auth-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#888;font-size:14px;pointer-events:none}input[type="text"],input[type="password"],input[type="email"]{padding-left:44px}}.auth-divider{display:flex;align-items:center;gap:0.75rem;margin:1rem 0 0.75rem;font-size:12px;color:#888;&::before,&::after{content:"";flex:1;height:0;border-top:1px solid #ccc}span{white-space:nowrap}}.auth-signup-link{margin-top:0.5rem;text-align:center;font-size:15px;a{font-weight:500}}.auth-forgot-link{margin-top:1rem;text-align:right;font-size:12px;a{color:#666}i{margin-right:0.35em;opacity:0.8}}>p{margin-top:1.25rem;text-align:center;font-size:13px}}div.sign-form{margin:20px 0 0 20px;input#account,input#password,input#email{font-size:20px}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.toast{display:inline-flex;align-items:center;gap:0.5rem;padding:12px 16px;background:#333;color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.25);font-size:14px;line-height:1.4;opacity:0;transform:translateY(10px);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:auto;&.toast-visible{opacity:1;transform:translateY(0)}&.toast-hide{opacity:0;transform:translateY(10px)}}.toast-icon{font-size:1rem;flex-shrink:0}.toast-text{flex:1}.confirm-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;&.is-open{opacity:1;visibility:visible}}.confirm-box{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.25);padding:24px;min-width:280px;max-width:90vw;text-align:center}.confirm-message{margin:0 0 20px;font-size:15px;line-height:1.5;color:#333}.confirm-actions{display:flex;justify-content:center;gap:12px;button{padding:10px 20px;font-size:14px;border-radius:6px;cursor:pointer;border:none;min-width:80px}}.confirm-cancel{background:#eee;color:#333;&:hover{background:#ddd}}.confirm-ok{background:#333;color:#fff;&:hover{background:#000}}.photo-modal{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.85);opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;&.is-open{opacity:1;visibility:visible}}.photo-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;padding:0;border:none;background:rgba(255,255,255,0.2);color:#fff;font-size:20px;border-radius:50%;cursor:pointer;&:hover{background:rgba(255,255,255,0.35)}}.photo-modal-img{max-width:95vw;max-height:95vh;object-fit:contain}.profile-prompt-balloon{position:fixed;bottom:20px;left:20px;z-index:9999;max-width:320px;padding:14px 40px 14px 16px;background:#333;color:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.25);transition:opacity 0.25s ease,transform 0.25s ease;&.is-hidden{opacity:0;pointer-events:none;transform:translateY(10px)}a{text-decoration:none}}.profile-prompt-close{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;border:none;background:transparent;color:rgba(255,255,255,0.8);font-size:14px;cursor:pointer;border-radius:4px;&:hover{color:#fff;background:rgba(255,255,255,0.15)}}.profile-prompt-text{margin:0 0 10px;font-size:13px;line-height:1.5}.profile-prompt-link{display:inline-block;padding:6px 12px;font-size:13px;color:#333;background:#f5f5f5;border-radius:6px;text-decoration:none;&:hover{background:#fff}}footer{font-size:12px;margin:48px 0 24px;text-align:center}@media (max-width:970px){#page-header{flex-direction:column;gap:10px;margin-bottom:12px;padding-top:0;.page-title-row{flex-wrap:nowrap;gap:0;align-items:center}.page-title{width:100%;font-size:14px;line-height:1.4;word-break:break-word}.page-title a,.page-title-link{font-size:12px;padding:5px 10px}.page-nav-toggle.view-toggle,.view-toggle{margin-right:0;flex-shrink:0}.view-toggle-icons-only-sp .view-toggle-btn{padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;.view-toggle-btn-text{display:none}i{margin-right:0;font-size:13px}}.page-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;text-align:center;select{font-size:12px;padding:6px 8px;margin:0;width:100px;min-width:100px;max-width:100px}.custom-select-trigger{min-width:9em;padding:6px 8px;font-size:12px}.custom-select-view .custom-select-trigger{min-width:120px}label{display:none}}}}@media (max-width:768px){body{padding:16px}.header-brand img{width:90px}.header-date{font-size:10px}.sp{display:block}header{.header-text-links{display:none}.header-write-icon-link{display:inline-flex}}body.setting-page main{padding:0}.setting-card{padding:48px 24px 24px}.setting-nav{gap:6px;margin-bottom:1.25rem}.setting-nav-link{min-height:40px;padding:0 8px;font-size:13px}.setting-sns-grid{grid-template-columns:1fr}.setting-welcome{margin-bottom:1.25rem}#user-header{div.icon{flex:0 0 auto;max-width:30%;img{max-width:100%}}div.desc h2{font-size:20px}div.desc .about{font-size:13px;margin:8px 0;a{font-size:11px}}}#feed-table{th.th-icon{width:28px;min-width:28px}th.th-photo{width:48px;min-width:48px}.td-icon img{width:24px;height:24px}.td-year,.td-month,.td-day,.td-age{font-size:11px}.td-note{.entry-content{.entry-line1{span.note{font-size:13px}}}}.td-photo img{width:40px;height:40px;object-fit:cover}}.feed-table-scroll-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;&.view-vertical #feed-table.view-transposed{width:fit-content;min-width:0;max-width:100%}}#feed-table,.about-info-table{min-width:720px}body.note-page main,body.post-page main,body.edit-page main,body.auth-page main{padding:0}body.auth-page main{margin-top:0}.note-actions i{margin-right:4px}.timeline-view{padding-top:0}.feed-table-scroll-wrap.view-timeline{margin-left:-16px;.timeline-axis{left:42px;margin-left:0;width:3px}.timeline-cards{position:relative;z-index:1}.timeline-year-heading{left:42px;transform:translateX(-50%);text-align:center;font-size:24px;z-index:2;padding:0 6px;.year-with-tooltip .follow-icon-tooltip{left:100%;top:50%;bottom:auto;transform:translateY(-50%) translateX(8px);padding-right:2px}.year-with-tooltip .follow-icon-tooltip::after{top:50%;left:0;margin-top:-1px;margin-left:-4px;border-width:8px;border-style:solid;border-color:transparent #333 transparent transparent;border-top:none;transform:rotate(225deg)}}.timeline-year-connector-right,.timeline-year-connector-left{left:44px;right:auto;width:46px}.timeline-year-connector-right{transform:rotate(45deg);transform-origin:left center}.timeline-year-connector-left{transform:rotate(45deg);transform-origin:right center;top:108%;left:32px;.timeline-connector-icon{left:auto;right:-2px;transform:translate(100%,-50%)}}.timeline-year-cards,.timeline-year-cards-left,.timeline-year-cards-right{width:calc(100% - 85px);float:right;margin-left:0;margin-right:0;margin-top:0;clear:right}}}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.1/webfonts/fa-solid-900.woff2) format("woff2")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.1/webfonts/fa-regular-400.woff2) format("woff2")}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.1/webfonts/fa-brands-400.woff2) format("woff2")}