:root{color:#20232b;font-synthesis:none;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}img,video{max-width:100%}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;padding-bottom:70px}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border-bottom:1px solid #e9e9ed;position:sticky;top:0}.header-inner{align-items:center;gap:42px;max-width:1240px;height:72px;margin:auto;padding:0 28px;display:flex}.brand{color:#1d222c;letter-spacing:-.045em;white-space:nowrap;background:0 0;border:0;align-items:center;gap:13px;padding:0;font-size:22px;font-weight:700;display:flex}.brand svg{flex:none}.desktop-nav{align-items:stretch;gap:30px;height:100%;display:flex}.desktop-nav button{color:#747986;background:0 0;border:0;border-bottom:2px solid #0000;padding:2px 1px 0;font-size:14px;font-weight:600}.desktop-nav button.active{color:#202733;border-color:#253455}.header-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.user-name{color:#686f7b;font-size:13px}.icon-button{color:#343b48;background:#fff;border:1px solid #e6e7eb;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.page{width:min(100%,1240px);margin:auto;padding:48px 28px 120px}.narrow-page{max-width:720px}.page h1{letter-spacing:-.055em;margin-bottom:8px;font-size:clamp(28px,3vw,42px);line-height:1.25}.eyebrow{color:#6880a9;letter-spacing:.19em;margin-bottom:12px;font-size:10px;font-weight:700}.subheading{color:#7b818d;font-size:14px;line-height:1.7}.page-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px;display:flex}.filter-trigger{color:#303746;background:#fff;border:1px solid #dadde5;border-radius:9px;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:600;display:flex}.filter-trigger:hover,.icon-button:hover{background:#f6f7fa}.filters{border-top:1px solid #e8eaf0;border-bottom:1px solid #e8eaf0;grid-template-columns:repeat(5,1fr);align-items:end;gap:15px;margin-bottom:23px;padding:23px 0;display:grid}.filters label,.field-label{color:#4b5362;flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.filters label{min-width:0}.filters input,.filters select,.field-label input,.field-label select,.field-label textarea,.note-editor textarea,.admin-section textarea,.inline-form input{color:#202734;background:#fff;border:1px solid #dfe2e8;border-radius:8px;outline:0;width:100%;min-height:43px;padding:10px 12px}.filters .date-input-shell{background:#fff;border:1px solid #dfe2e8;border-radius:8px;align-items:center;width:100%;min-width:0;max-width:100%;min-height:43px;padding:0 12px;display:flex}.filters .date-input-shell input[type=date]{width:100%;min-width:0;max-width:100%;min-height:41px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}.filters .date-input-shell:focus-within{border-color:#657caf;box-shadow:0 0 0 3px #657caf20}.filters .date-input-shell input[type=date]:focus{box-shadow:none;border-color:#0000}.filters input:focus,.filters select:focus,.field-label input:focus,.field-label select:focus,.field-label textarea:focus,.note-editor textarea:focus,.admin-section textarea:focus,.inline-form input:focus{border-color:#657caf;box-shadow:0 0 0 3px #657caf20}.filters .checkbox-row{align-self:center}.checkbox-row{cursor:pointer;align-items:flex-start;line-height:1.5;flex-direction:row!important;gap:9px!important;font-weight:500!important;display:flex!important}.checkbox-row input{accent-color:#304a8e;flex:none;height:18px;margin:2px 0 0;width:18px!important;min-height:18px!important}.filter-actions{justify-content:end;align-items:center;gap:12px;display:flex}.small-primary,.primary-button{color:#fff;background:#212832;border:1px solid #212832;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.small-primary{min-height:41px;padding:0 19px;font-size:13px}.primary-button{min-height:52px;padding:0 25px;font-size:14px}.small-primary:hover,.primary-button:hover,.floating-upload:hover{background:#364151}.text-button{color:#385896;background:0 0;border:0;align-items:center;gap:5px;padding:4px;font-size:13px;font-weight:600;display:inline-flex}.result-line{color:#9299a6;justify-content:space-between;margin-bottom:16px;font-size:11px;font-weight:600;display:flex}.gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 19px;display:grid}.post-tile{min-width:0}.tile-media{aspect-ratio:4/5;background:#f1f1f3;border-radius:8px;position:relative;overflow:hidden}.tile-open{background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.tile-open img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.tile-open:hover img{transform:scale(1.035)}.heart-button{color:#26313e;background:#ffffffdf;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.heart-button.liked,.detail-actions .liked{color:#d55370}.video-mark{color:#fff;pointer-events:none;background:#1c222cae;border-radius:5px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:12px;left:12px}.tile-caption{padding:12px 1px 0}.tile-title{text-align:left;color:#242b36;-webkit-line-clamp:2;background:0 0;border:0;-webkit-box-orient:vertical;padding:0;font-size:14px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.tile-meta{color:#717987;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;font-size:11px;display:flex}.tile-meta span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile-meta span:last-child{flex:none;align-items:center;gap:3px;display:inline-flex}.tile-caption time{color:#a0a6b0;margin-top:4px;font-size:10px;display:block}.note-editor{background:#f1f4ff;border-radius:6px;margin-top:11px;padding:9px}.note-editor label{color:#3e57a6;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.note-editor textarea{resize:vertical;min-height:48px;padding:7px;font-size:11px}.note-editor button{color:#3e57a6;background:0 0;border:0;padding:4px 0 0;font-size:11px;font-weight:700}.note-editor button:disabled{opacity:.45}.floating-upload{z-index:16;color:#fff;background:#212832;border:0;border-radius:30px;align-items:center;gap:10px;min-height:54px;padding:0 25px;font-size:14px;font-weight:700;display:flex;position:fixed;bottom:31px;right:calc(max(24px,50vw - 610px));box-shadow:0 10px 30px #1319223d}.load-more{background:#fff;border:1px solid #dadddf;border-radius:8px;margin:38px auto 0;padding:11px 35px;font-size:13px;font-weight:600;display:block}.empty-state{text-align:center;color:#8b919d;padding:80px 20px}.empty-state h2{color:#343b48;margin:16px 0 8px;font-size:18px}.empty-state p{font-size:13px}.empty-state button{margin-top:10px}.back-link{color:#677488;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:40px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.upload-form{flex-direction:column;gap:25px;margin-top:35px;display:flex}.dropzone{color:#8590a1;cursor:pointer;background:#f8f9fb;border:1.5px dashed #cdd2da;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:260px;display:flex;position:relative;overflow:hidden}.dropzone input{opacity:0;cursor:pointer;z-index:2;position:absolute;inset:0}.dropzone strong{color:#293447;font-size:15px}.dropzone span{font-size:12px}.dropzone.has-file{background:#20252c}.dropzone img,.dropzone video{object-fit:contain;width:100%;height:100%}.file-line{color:#707988;justify-content:space-between;gap:12px;margin-top:-16px;font-size:12px;display:flex}.file-line span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field-label textarea{resize:vertical;min-height:110px;line-height:1.7}.required{color:#e2616d;font-size:10px}.optional{color:#a5aab3;font-size:10px}.consent-box{border-top:1px solid #e8ebef;border-bottom:1px solid #e8ebef;padding:20px 0}.consent-box .inner{margin:15px 0 0 28px}.consent-box p,.form-hint{color:#8f96a3;margin:10px 0 0;font-size:11px;line-height:1.6}.form-hint{align-items:center;gap:6px;display:flex}.submit-button{width:100%}.progress{background:#f5f7fb;border-radius:8px;padding:16px}.progress>div{justify-content:space-between;font-size:12px;display:flex}.progress progress{accent-color:#405c9a;width:100%;margin:8px 0}.detail-page{max-width:1150px}.detail-layout{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:60px;display:grid}.detail-media{background:#f5f5f5;place-items:center;min-height:420px;display:grid}.detail-media img,.detail-media video{object-fit:contain;width:100%;max-height:76vh;display:block}.detail-info{padding:10px 0}.detail-info h1{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:26px;font-size:27px;line-height:1.5}.detail-byline,.profile-identity{align-items:center;gap:12px;display:flex}.avatar{color:#475773;background:#e9edf4;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.detail-byline strong,.profile-identity strong{font-size:14px;display:block}.detail-byline small,.profile-identity small{color:#89909d;margin-top:3px;font-size:12px;display:block}.detail-actions{border-bottom:1px solid #e9ebef;gap:15px;padding:24px 0;display:flex}.detail-actions button,.detail-actions a{background:#fff;border:1px solid #e0e3e9;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 17px;font-size:13px;font-weight:600;display:flex}.detail-section{border-bottom:1px solid #e9ebef;padding:22px 0}.section-label{color:#8892a1;margin-bottom:9px;font-size:11px;font-weight:700;display:block}.detail-section p{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.8}.admin-section{background:#f2f4fe;border:0;border-radius:8px;margin-top:22px;padding:17px}.admin-section .section-label{color:#405da0}.admin-section textarea{resize:vertical;min-height:90px;margin-bottom:9px}.danger-link{color:#a7515a;background:0 0;border:0;align-items:center;gap:7px;margin-top:25px;padding:5px;font-size:13px;font-weight:600;display:inline-flex}.processing{text-align:center;color:#87909b;flex-direction:column;align-items:center;gap:10px;display:flex}.processing strong{color:#2b3441}.processing span{font-size:12px}.segmented{background:#f0f2f5;border-radius:10px;gap:2px;margin:23px 0 34px;padding:4px;display:inline-flex}.segmented button{color:#838b99;background:0 0;border:0;border-radius:7px;padding:9px 18px;font-size:13px;font-weight:600}.segmented button.active{color:#2a3342;background:#fff;box-shadow:0 1px 4px #1a233018}.ranking-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;display:grid}.ranking-section{min-width:0}.section-heading{border-bottom:1px solid #252c36;justify-content:space-between;align-items:end;padding:0 0 14px;display:flex}.section-heading h2{margin:0;font-size:19px}.section-heading span{color:#a1a6ae;letter-spacing:.1em;font-size:10px;font-weight:700}.ranking-section ol{margin:0;padding:0;list-style:none}.ranking-section li{border-bottom:1px solid #e8eaef;align-items:center;gap:15px;padding:19px 0;display:flex}.rank-number{color:#b5bbc6;min-width:28px;font-size:17px;font-weight:700}.ranking-section li:first-child .rank-number{color:#b08a4f}.rank-copy{flex:1;min-width:0}.rank-copy button,.rank-copy strong{color:#2c3441;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;max-width:100%;padding:0;font-size:13px;font-weight:700;display:block;overflow:hidden}.rank-copy small{color:#9299a4;margin-top:5px;font-size:11px;display:block}.rank-likes{color:#ce7482;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.empty-inline{color:#9198a3;padding:22px 0;font-size:13px}.storage-summary{border-bottom:1px solid #e7e9ed;max-width:900px;margin-top:20px;padding-bottom:14px}.storage-summary h2{color:#2c3441;margin:0 0 6px;font-size:13px;font-weight:700}.storage-summary p{color:#6f7885;margin:0;font-size:12px;line-height:1.6}.storage-summary .storage-warning{color:#a83e50;margin-top:5px;font-weight:700}.manage-section{max-width:900px}.manage-section h2{font-size:19px}.section-help{color:#87909c;font-size:12px}.table-wrap{overflow-x:auto}.manage-section table{border-collapse:collapse;text-align:left;width:100%}.manage-section th{color:#949ba5;background:#f8f9fa;font-size:11px;font-weight:700}.manage-section th,.manage-section td{border-bottom:1px solid #e7e9ed;padding:14px 13px}.manage-section td strong,.manage-section td small{display:block}.manage-section td strong{font-size:13px}.manage-section td small{color:#9299a4;margin-top:4px;font-size:11px}.manage-section select{background:#fff;border:1px solid #e0e3e8;border-radius:6px;padding:7px;font-size:12px}.status-button{color:#508462;background:#f6fbf7;border:1px solid #dce4df;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:700}.status-button.stopped{color:#ba5c68;background:#fff7f8;border-color:#eed9dc}.inline-form{gap:10px;margin:25px 0;display:flex}.inline-form input{max-width:340px}.plain-list{margin:0;padding:0;list-style:none}.plain-list li{border-bottom:1px solid #e8eaed;justify-content:space-between;align-items:center;padding:15px 0;font-size:13px;display:flex}.plain-list li strong,.plain-list li small{display:block}.plain-list li small{color:#9aa1a9;margin-top:5px;font-size:11px}.profile-identity{border-bottom:1px solid #e9ebef;padding:27px 0}.avatar.large{width:55px;height:55px;font-size:22px}.profile-form{border-bottom:1px solid #e9ebef;padding:28px 0}.profile-form p{color:#9299a3;margin:9px 0 18px;font-size:12px}.profile-pending{border-bottom:1px solid #e9ebef;padding:24px 0}.profile-pending h2{margin:0 0 8px;font-size:16px}.profile-pending li>div{overflow-wrap:anywhere;min-width:0}.profile-pending .text-button{flex-shrink:0}.profile-role{color:#6e7b90;align-items:center;gap:7px;padding-top:24px;font-size:13px;display:flex}.mobile-nav{display:none}.toast{z-index:100;color:#fff;background:#253243;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;min-width:240px;max-width:calc(100vw - 30px);padding:12px 14px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 32px #1d253743}.toast button{color:#fff;background:0 0;border:0;padding:2px}.login-screen{text-align:center;background:radial-gradient(circle at 50% 20%,#eef2f8,#fff 55%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:35px;display:flex}.login-mark{background:#fff;border:1px solid #e5e8ed;border-radius:20px;place-items:center;width:70px;height:70px;margin-bottom:25px;display:grid;box-shadow:0 12px 30px #253e6510}.login-screen h1{letter-spacing:-.055em;margin:0 0 8px;font-size:clamp(38px,6vw,55px)}.login-screen>p:not(.eyebrow){color:#7f8996;margin:0 0 35px;font-size:15px}.login-screen small{color:#a3a9b2;margin-top:15px;font-size:11px}.center-stage{color:#8993a1;place-items:center;min-height:100vh;font-size:13px;display:grid}.tile-open video{object-fit:cover;width:100%;height:100%;display:block}.store-row{gap:12px}.store-row input{border:1px solid #e0e3e8;border-radius:6px;flex:1;min-width:100px;padding:8px 10px;font-size:13px}.store-row button{flex:none}.profile-recovery{margin-top:18px}.progress-actions{gap:18px;display:flex}.consent-detail{color:#495669;margin:14px 0 5px;font-size:12px}@media (width<=1000px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-columns{gap:20px}.filters{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.app-shell{padding-bottom:78px}.site-header .header-inner{height:63px;padding:0 18px}.brand{font-size:20px}.brand svg{width:25px}.desktop-nav,.user-name{display:none}.page{padding:29px 17px 125px}.page-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:24px}.page h1{font-size:30px}.subheading{font-size:12px}.filter-trigger{min-height:42px;padding:9px 12px;font-size:12px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filters label:first-child,.filters .date-filter,.filter-actions{grid-column:1/-1}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 11px}.tile-media{border-radius:7px}.tile-caption{padding-top:8px}.tile-title{font-size:12px}.tile-meta{align-items:flex-start;font-size:10px}.tile-meta span:first-child{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box}.tile-caption time{font-size:9px}.note-editor{padding:7px}.note-editor textarea{font-size:10px}.floating-upload{min-height:48px;padding:0 18px;font-size:12px;bottom:88px;right:17px}.mobile-nav{z-index:19;height:68px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e7e8ed;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#9198a4;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:65px;font-size:10px;display:flex}.mobile-nav button.active{color:#2b3c5d;font-weight:700}.detail-layout{display:block}.detail-page{padding:21px 0 120px}.detail-page .back-link{margin-bottom:18px;margin-left:17px}.detail-media{min-height:300px;max-height:75vh}.detail-info{padding:30px 20px}.detail-info h1{font-size:22px}.ranking-columns{display:block}.ranking-section{margin-bottom:35px}.segmented{margin:18px 0 29px}.toast{bottom:78px}.dropzone{height:230px}.back-link{margin-bottom:30px}.table-wrap{margin:0 -17px}.manage-section th,.manage-section td{padding:12px 9px}.plain-list li{gap:12px}}@media (width<=360px){.gallery{gap:17px 8px}.heart-button{width:30px;height:30px;top:7px;right:7px}.filters{grid-template-columns:1fr}}