*{box-sizing:border-box}
:root{--kg-green:#238b65;--kg-dark:#183c32;--kg-soft:#eef8f4;--kg-line:#d9e6e1;--kg-red:#b42318}
body{background:#f5f7f6}
.kamigaku-page{width:min(96vw,1440px);max-width:none;margin:0 auto;padding:142px 20px 92px;color:#20322c}

.kamigaku-fixed-top{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:1000;width:min(96vw,1440px);padding:10px 20px 8px;background:rgba(245,247,246,.98);border-bottom:1px solid #e0e6e3;backdrop-filter:blur(10px)}
.kamigaku-gauge-panel{margin:0 0 8px;padding:10px 14px;border:1px solid #dbe5e8;border-radius:14px;background:#fff}
.calc-medal-panel__head{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:13px}
.calc-gauge-track{width:100%;height:18px;overflow:hidden;border-radius:999px;background:#e8edf2}
.calc-gauge-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#14a89a,#acd52f);transition:width .25s ease}

.timer-line{width:100%;height:52px;border:0;border-radius:12px;background:var(--kg-green);color:#fff;display:flex;align-items:center;justify-content:center;padding:0 14px;font:inherit;font-weight:900;cursor:pointer}
.timer-line:disabled{background:#aeb9b5;color:#f3f5f4;cursor:not-allowed}
.timer-line #timerStartLabel{font-size:18px}
.timer-running-view{width:100%;display:flex;align-items:center;justify-content:center;gap:15px}
.timer-running-view strong{font-size:31px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.timer-running-view small{font-size:11px;font-weight:800;opacity:.9}
.timer-line.is-paused{background:#b47a00}
#timerRunningView[hidden],#timerStartLabel[hidden]{display:none!important}
.kamigaku-start-hint{margin-top:5px;text-align:center;color:#6d7a75;font-size:11px;font-weight:700}
.kamigaku-start-hint[hidden]{display:none!important}

.kamigaku-content-stack{display:grid;gap:14px}
.kamigaku-card{background:#fff;border:1px solid #e0e7e4;border-radius:18px;padding:18px 20px;box-shadow:0 4px 14px rgba(20,50,40,.04)}
.kamigaku-card-title{margin-bottom:14px;color:#27483d;font-size:19px;font-weight:900}
.kamigaku-card--record{transition:opacity .2s ease,background .2s ease}
.kamigaku-card--record.is-disabled{opacity:.48;background:#f7f9f8}
.kamigaku-card--record.is-disabled textarea,
.kamigaku-card--record.is-disabled input,
.kamigaku-card--record.is-disabled button{cursor:not-allowed}

.kamigaku-setup{display:grid;gap:8px}
.compact-select-row{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:14px}
.compact-select-row label,.field>span,.state-title,.understanding-field>div>span{font-size:15px;font-weight:900;color:#43564f}
.compact-select-row select,.field input,.field textarea{width:100%;border:1px solid #ccd9d4;border-radius:9px;background:#fff;padding:9px 11px;font:inherit}
.compact-select-row select{height:48px;font-size:17px}
.field{display:block}.field>span{display:block;margin-bottom:5px}.field input{height:50px;font-size:17px}.field textarea{resize:vertical}

.state-area{padding-top:1px}.state-title{display:block;margin-bottom:6px}
.state-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.state-buttons button{min-height:48px;border:1px solid #ccd9d4;border-radius:9px;background:#fff;color:#344740;font-size:15px;font-weight:800;cursor:pointer}
.state-buttons button.is-active{background:#204f9a;border-color:#204f9a;color:#fff}
.state-buttons button:disabled{opacity:.45;cursor:default}
.state-times{display:flex;gap:16px;justify-content:center;margin-top:7px;color:#6c7974;font-size:12px}
.state-times b{color:#384944}

.kamigaku-details{display:grid;grid-template-columns:1fr .7fr 1fr;gap:18px;margin-top:16px;align-items:start}
.kamigaku-details textarea{min-height:88px;font-size:16px}
.understanding-field>div{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:5px}
.understanding-field strong{font-size:15px;color:#31594c}
.understanding-field input{width:100%;accent-color:var(--kg-green)}

.kamigaku-actions{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:1000;width:min(96vw,1440px);display:grid;grid-template-columns:minmax(180px,.65fr) minmax(240px,1.35fr);gap:10px;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #dfe6e3;backdrop-filter:blur(10px)}
.kamigaku-actions button{min-height:54px;border-radius:12px;font-size:16px;font-weight:900;cursor:pointer}
.cancel-button{border:1px solid #d8deda;background:#fff;color:#7a3c37}
.finish-button{border:0;background:var(--kg-green);color:#fff}
.finish-button:disabled{opacity:.4;cursor:default}

.kamigaku-dialog{width:min(92vw,430px);border:0;border-radius:18px;padding:0;box-shadow:0 20px 70px rgba(0,0,0,.22)}
.kamigaku-dialog::backdrop{background:rgba(10,30,24,.42)}
.kamigaku-dialog form{padding:20px}
.kamigaku-dialog h2{margin:0 0 8px;font-size:20px}
.kamigaku-dialog p{margin:0;color:#5e6a66;line-height:1.6}
.kamigaku-dialog form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.kamigaku-dialog button{min-height:40px;padding:8px 14px;border-radius:10px;font-weight:900;cursor:pointer}
.dialog-back{border:1px solid #d4ddda;background:#fff}
.dialog-confirm{border:0;background:var(--kg-green);color:#fff}
.dialog-confirm.is-danger{background:var(--kg-red)}

@media(max-width:760px){
  .kamigaku-page{width:100%;padding:132px 10px 80px}
  .kamigaku-fixed-top{width:100%;padding:8px 10px 7px}
  .kamigaku-gauge-panel{padding:8px 10px;margin-bottom:6px}
  .calc-medal-panel__head{font-size:12px;margin-bottom:5px}
  .calc-gauge-track{height:14px}
  .timer-line{height:48px}
  .timer-line #timerStartLabel{font-size:16px}
  .timer-running-view strong{font-size:28px}
  .timer-running-view small{font-size:10px}
  .kamigaku-start-hint{font-size:10px}

  .kamigaku-content-stack{gap:10px}
  .kamigaku-card{padding:12px;border-radius:13px}
  .kamigaku-card-title{margin-bottom:10px;font-size:16px}
  .compact-select-row{grid-template-columns:135px minmax(0,1fr);gap:8px}
  .compact-select-row label,.field>span,.state-title,.understanding-field>div>span{font-size:12px}
  .compact-select-row select{height:44px;font-size:16px}
  .field input{height:46px;font-size:16px}
  .state-buttons button{min-height:40px;font-size:12px}
  .state-times{font-size:10px;gap:9px}
  .kamigaku-details{grid-template-columns:1fr;gap:10px;margin-top:10px}
  .kamigaku-details textarea{min-height:74px;font-size:15px}

  .kamigaku-actions{width:100%;grid-template-columns:.85fr 1.15fr;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
  .kamigaku-actions button{min-height:50px;font-size:11px}
}

.kamigaku-result-medal-reason{
    display:block;
    margin:4px 0 8px;
    color:#20332c;
    font-size:24px;
    font-weight:950;
    text-align:center;
}