.mode-button{position:absolute;top:100px;right:15px;font-family:游ゴシック,メイリオ,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:700;color:#fff;margin-top:10px;background-color:#6e6e6e80;padding:2.5px;border-radius:10px;z-index:10}.dark-mode{background-color:#282828;color:#e8e8e8}.dark-mode .back{background-color:#282828;height:100%}.dark-mode .header{position:relative;display:flex;align-items:center;justify-content:center;padding:5px;margin:0 auto;width:100%;max-width:100%}.dark-mode .header:before{content:"";position:absolute;top:50%;left:0;width:100%;height:5.5em;background:#265c4b;background-size:cover;background-position:50% 50%;border-radius:10px;z-index:0;transform:translateY(-50%)}.dark-mode .header .title{position:relative;z-index:1;font-family:ラノベPOP v2,游ゴシック,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:3em;font-weight:700;color:#ebebeb;top:0}.project-list-container{font-family:Arial,sans-serif;padding:20px;max-width:800px;margin:50px auto;border:2px solid #ccc;border-radius:8px;background-color:#fff}.dark-mode .project-list-container{font-family:Arial,sans-serif;border:2px solid #ccc;border-radius:8px;background-color:#282828}.table{display:table;width:100%;border-collapse:collapse}.table-header{display:table-row;background-color:#f4f4f4;font-weight:700}.dark-mode .table-header{background-color:#5d5d5d}.table-header .table-cell{background-color:#f4f4f4;font-weight:700;font-size:20px}.dark-mode .table-header .table-cell{background-color:#404040}.table-row{display:table-row;border-bottom:1px solid #898989}.dark-mode .table-row{display:table-row;border-bottom:1px solid #404040}.table-cell{display:table-cell;padding:10px;text-align:left;border-bottom:1px solid #ddd}.dark-mode .table-cell{border-bottom:1px solid #404040}.table-cell a{text-decoration:none;color:#0073e6}.dark-mode .table-cell a{text-decoration:none;color:#dedede;font-weight:500}.table-cell a:hover{text-decoration:underline}.table-row:nth-child(odd){background-color:#fafafa}.dark-mode .table-row:nth-child(odd){background-color:#404040}.top-back{background-color:#e1f1e9;display:flex;flex-direction:column;width:100%;min-height:100vh;justify-content:space-between}.top-logo{height:220px;width:auto;margin:auto;top:100px;position:relative;box-shadow:2px 2px 3px #0009;border-radius:4px}.top-title{font-size:3rem;color:#8fc1b5;font-family:Archivo Black,sans-serif;text-align:center;position:relative;top:120px}.main-content{max-width:600px;margin:0 auto;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;position:relative;top:100px}.form-container{display:flex;justify-content:center;transform:translateY(150px);margin-top:20px}.project-form{display:flex;align-items:center;position:relative;width:50%;border:1px solid #ccc}.search-button{position:absolute;right:0;padding:7px 10px;background-color:#8fc1b5;color:#fff;border:none;border-radius:5px;cursor:pointer}.search-button:hover{background-color:#50b59e}.project-input{padding:10px;border:1px solid #ccc;border-radius:4px;cursor:text;z-index:1}.project-submit{padding:8px 16px;font-size:16px;cursor:pointer;z-index:1}.project-submit:hover{background-color:#0056b3}.project-info{display:flex;flex-direction:column;align-items:center;transform:translateY(180px)}.project-info p{font-weight:700}.project-item{text-align:center;margin-bottom:20px}.project-link{display:inline-block;padding:8px 16px;background-color:#459fff;color:#fff;text-decoration:none;border-radius:5px;margin-top:10px}.project-link:hover{background-color:#0056b3}.error{color:red;font-size:14px;text-align:center;transform:translateY(160px)}.input-field{flex:1;width:200%;padding:7px;border-radius:8px;box-sizing:border-box;flex-grow:1;text-align:center;outline:none;border:none}.back{background-color:#e1f1e9;margin:0;padding:0;pointer-events:auto}.header{position:relative;display:flex;align-items:center;justify-content:center;padding:5px;margin:0 auto;width:100%;max-width:100%}.header:before{content:"";position:absolute;top:50%;left:0;width:100%;height:5.5em;background:#8fc1b5;background-size:cover;background-position:50% 50%;border-radius:10px;z-index:0;transform:translateY(-50%)}.header .title{position:relative;z-index:1;font-family:ラノベPOP v2,游ゴシック,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:3em;font-weight:700;color:#fff;top:0}.media-counts{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;font-family:游ゴシック,メイリオ,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:.8em;font-weight:700;color:#fff;position:relative;top:0;left:15px;z-index:1}.count-item{text-align:left;background-color:#40474180;padding:2.5px;border-radius:5px}.dark-mode .count-item{text-align:left;background-color:#6a8d6a80;padding:2.5px;border-radius:5px}.project_date{position:relative;z-index:1;font-family:游ゴシック,メイリオ,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:.8em;font-weight:700;color:#fff;top:15px;left:5px}.index_title{position:relative;color:#343434;font-family:ラノベPOP v2,游ゴシック,メイリオ,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.7em;padding:10px;margin-top:15px}.dark-mode .index_title{position:relative;color:#fff;font-family:ラノベPOP v2,游ゴシック,メイリオ,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.7em;padding:10px;margin-top:15px}.index_title:before{content:"";display:inline-block;width:7px;height:30px;background:#000;margin-right:10px;vertical-align:-6px}.dark-mode .index_title:before{content:"";display:inline-block;width:7px;height:30px;background:#fff;margin-right:10px;vertical-align:-6px}.custom-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}@media (max-width: 768px){.custom-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.custom-grid{grid-template-columns:repeat(2,1fr)}}.card{display:flex;flex-direction:column;border-radius:12px;padding:16px;background-color:#fff;box-shadow:0 8px 16px #0000001a,0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026,0 8px 12px #0000001a}.card img{width:100%;height:auto;border-radius:8px}.card-title{font-family:游ゴシック,メイリオ,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1rem;font-weight:700;margin-top:8px}.card-description,.card-date{font-size:1rem;color:#666;margin-top:4px}.note-content{font-family:游ゴシック,メイリオ,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.1rem;color:#000;margin-top:4px;font-weight:700}.dark-mode .card{display:flex;flex-direction:column;border-radius:12px;padding:16px;background-color:#434343;box-shadow:0 8px 16px #0000001a,0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.dark-mode .card-date{font-size:1rem;color:#aeaeae;margin-top:4px}.dark-mode .note-content{font-family:游ゴシック,メイリオ,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.1rem;color:#e8e8e8;margin-top:4px;font-weight:700}.footer{text-align:center}.footer-content{display:inline-flex;align-items:center;color:#000;gap:10px;font-size:10px}.footer-logo{height:25px;width:auto;box-shadow:2px 2px 3px #0009;border-radius:4px}.app-name{font-size:1.2rem;color:#000;font-family:Archivo Black,sans-serif}.dark-mode .app-name{font-size:1.2rem;color:#fff;font-family:Archivo Black,sans-serif}h1{font-size:3rem;font-weight:700}h2{font-size:2rem}li{font-size:1rem}