:root{--note-green: #25b89a;--note-green-hover: #1e9e83;--note-bg: #f8f9fa;--note-card-bg: #ffffff;--note-text-main: #222222;--note-text-sub: #666666;--note-border: #e5e5e5;--note-shadow: 0 2px 8px rgba(0, 0, 0, .04)}.hint-page-wrapper{background-color:var(--note-bg);min-height:100vh;padding-bottom:80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans JP,sans-serif;color:var(--note-text-main);line-height:1.6}.note-nav{background:#fff;border-bottom:1px solid var(--note-border);height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.note-logo{font-weight:700;color:var(--note-green);font-size:1.2rem;letter-spacing:.5px;text-decoration:none;display:flex;align-items:center;gap:6px}.note-logo-dot{width:10px;height:10px;background-color:var(--note-green);border-radius:50%}.note-nav-right{display:flex;align-items:center;gap:16px}.note-container{max-width:660px;margin:40px auto 0;padding:0 20px}.hint-header{margin-bottom:30px}.hint-header h1{font-size:2.2rem;font-weight:700;color:var(--note-text-main);line-height:1.3;margin:10px 0 16px;letter-spacing:-.5px}.category-tag{background:#f1f3f5;color:#495057;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.5px}.note-meta{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--note-text-sub);margin-bottom:24px}.note-meta-item{display:flex;align-items:center;gap:4px}.note-author-box{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--note-border);border-bottom:1px solid var(--note-border);margin-bottom:32px}.note-avatar{width:48px;height:48px;border-radius:50%;background-color:#25b89a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.note-author-details{flex-grow:1}.note-author-name{font-weight:700;font-size:.95rem;color:var(--note-text-main);margin:0 0 4px}.note-author-bio{font-size:.85rem;color:var(--note-text-sub);margin:0;line-height:1.4}.stages-list{transition:opacity .3s ease}.stage-card{background:var(--note-card-bg);border:1px solid var(--note-border);border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:var(--note-shadow);transition:transform .2s ease,box-shadow .2s ease}.stage-card:hover{box-shadow:0 4px 16px #00000014}.stage-header{padding:20px 24px;cursor:pointer;display:flex;align-items:center;gap:16px;background:#fff;border-bottom:1px solid transparent}.stage-card.expanded .stage-header{border-bottom:1px solid var(--note-border)}.stage-num{font-size:1.3rem;font-weight:800;color:var(--note-green)}.stage-title-wrap{flex-grow:1}.stage-title-wrap h3{margin:0 0 4px;font-size:1.1rem;font-weight:700;color:var(--note-text-main)}.stage-subtitle{font-size:.85rem;color:var(--note-text-sub);display:block}.stage-badge{padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.stage-badge.locked{background-color:#f1f3f5;color:#868e96}.stage-badge.active{background-color:#e8f7f4;color:var(--note-green);border:1px solid rgba(37,184,154,.3)}.stage-badge.completed{background-color:#e7f5ff;color:#228be6}.stage-badge.revealed{background-color:#fff9db;color:#f08c00}.spoiler-block{background:#fff9db;border-bottom:1px solid #ffe3e3;padding:24px;text-align:center}.spoiler-block p{margin:0 0 16px;font-size:.9rem;color:#f08c00;font-weight:700}.reveal-btn{background:#f08c00;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .2s}.reveal-btn:hover{background:#e07b00}.stage-body{display:none}.stage-card.expanded .stage-body{display:block}.stage-content{padding:24px}.clue-section{margin-bottom:20px}.clue-section h4{margin:0 0 8px;font-size:.95rem;color:var(--note-text-main);display:flex;align-items:center;gap:6px}.clue-section p{margin:0;font-size:.95rem;line-height:1.6;color:#333}.hint-details{border:1px solid var(--note-border);border-radius:6px;margin-bottom:12px;background:#f8f9fa}.hint-details summary{padding:12px 16px;font-weight:700;font-size:.9rem;color:var(--note-text-main);cursor:pointer;user-select:none}.details-content{padding:16px;border-top:1px solid var(--note-border);background:#fff;font-size:.9rem;line-height:1.6;color:#444}.answer-details{border-color:#25b89a4d;background:#e8f7f4}.answer-details summary{color:var(--note-green)}.code-text{background:#e9ecef;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.9rem;color:#e64980}.locked-state .stage-content{filter:blur(4px);pointer-events:none;user-select:none}.config-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--note-border);border-radius:8px;padding:16px 20px;margin-bottom:24px}.status-summary{font-size:.9rem;font-weight:700}.bypass-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.85rem;font-weight:700;color:var(--note-text-sub)}.bypass-toggle input{display:none}.slider{position:relative;display:inline-block;width:34px;height:20px;background-color:#ccc;border-radius:20px;transition:.4s}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s}.bypass-toggle input:checked+.slider{background-color:var(--note-green)}.bypass-toggle input:checked+.slider:before{transform:translate(14px)}.route-info-box{background:#e7f5ff;border:1px solid #a3daff;border-radius:8px;padding:16px 20px;margin-bottom:30px;font-size:.9rem;line-height:1.5}.route-info-box p{margin:0 0 8px}.route-info-box p:last-child{margin:0}.ultimate-hint-link{color:#228be6;text-decoration:underline;font-weight:700}.cooldown-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:#fa5252;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #fa52524d;font-size:.9rem;font-weight:700;z-index:1000;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;align-items:center;gap:8px;opacity:0;pointer-events:none}.cooldown-toast.show{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.note-footer{text-align:center;padding:40px 0;color:var(--note-text-sub);font-size:.85rem;border-top:1px solid var(--note-border);margin-top:60px}