:root{color:#f5ede3;background:#10191d;font-family:Avenir Next,Segoe UI,Hiragino Sans,Yu Gothic UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:dark;--ink: #f5ede3;--muted: rgba(235, 231, 225, .66);--faint: rgba(235, 231, 225, .25);--amber: #efb46f;--amber-soft: rgba(239, 180, 111, .16);--panel: rgba(13, 24, 29, .76);--line: rgba(235, 231, 225, .19)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:768px;min-height:100%}body{margin:0;min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid rgba(246,203,147,.92);outline-offset:5px}.app-shell{position:relative;isolation:isolate;width:100vw;min-width:768px;height:100dvh;min-height:620px;overflow:hidden;background:#132127}.ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:#172a31}.ambient__base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.96) contrast(.99);transform:scale(1.002)}.ambient__wash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(90deg,rgba(5,18,24,.34) 0%,rgba(8,20,26,.11) 38%,transparent 65%),linear-gradient(180deg,rgba(3,12,17,.12) 0%,transparent 46%,rgba(4,13,17,.1) 100%);pointer-events:none}.ambient__vignette{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;z-index:4;box-shadow:inset 0 0 15vw 1vw #020a0e3d;pointer-events:none}.app-shell__content{position:relative;width:100%;height:100%}.stage{position:absolute;z-index:10;left:clamp(68px,8.7vw,190px);top:50%;width:min(46vw,760px);transform:translateY(-50%);text-shadow:0 2px 18px rgba(0,9,14,.46)}.stage h1{margin:14px 0 18px;max-width:720px;color:var(--ink);font-family:Iowan Old Style,Baskerville,Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(46px,4.5vw,72px);font-weight:400;letter-spacing:.035em;line-height:1.16}.micro-label{margin:0;color:#efb46fdb;font-size:12px;font-weight:500;letter-spacing:.23em}.stage__intro,.decision-summary,.reset-guide{margin:0;color:var(--muted);font-size:clamp(15px,1.05vw,18px);font-weight:400;letter-spacing:.055em;line-height:1.85}.stage--idle{width:min(49vw,760px)}.stage--idle h1{margin-top:24px}.mode-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(235,231,225,.17);border-radius:999px;background:#0914193d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mode-switch button{min-width:124px;min-height:42px;padding:8px 20px;border:0;border-radius:999px;background:transparent;color:#ebe7e19e;font-size:13px;letter-spacing:.08em;cursor:pointer;transition:color .18s ease,background .18s ease}.mode-switch button:hover{color:var(--ink)}.mode-switch button.is-active{background:#efb46f29;color:#f4c58d;box-shadow:inset 0 0 0 1px #efb46f29}.quick-times{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.quick-times button{min-width:86px;min-height:50px;padding:12px 18px;border:1px solid rgba(235,231,225,.22);border-radius:999px;background:#08131826;color:#f6f1ebe0;font-size:15px;letter-spacing:.055em;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:border-color .18s ease,background .18s ease,transform .18s ease}.quick-times button:hover{border-color:#efb46f9e;background:var(--amber-soft);transform:translateY(-1px)}.configure-link{margin-top:26px;padding:5px 0 7px;border:0;border-bottom:1px solid rgba(235,231,225,.28);background:transparent;color:#ebe7e1b3;font-size:13px;letter-spacing:.07em;cursor:pointer}.configure-link:hover{border-color:var(--amber);color:var(--ink)}.pomodoro-times{display:flex;gap:12px;width:min(100%,620px);margin-top:36px}.pomodoro-times button{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:8px;row-gap:3px;min-width:0;flex:1;padding:15px 18px 14px;border:1px solid rgba(235,231,225,.22);border-radius:6px;background:#0813182e;color:var(--ink);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .18s ease,background .18s ease,transform .18s ease}.pomodoro-times button:hover{border-color:#efb46f9e;background:var(--amber-soft);transform:translateY(-1px)}.pomodoro-times span{font-family:Iowan Old Style,Baskerville,serif;font-size:32px;font-variant-numeric:tabular-nums;line-height:1}.pomodoro-times small{color:var(--muted);font-size:11px;font-weight:400;letter-spacing:.08em}.pomodoro-times i{grid-column:1 / -1;width:100%;height:1px;margin:6px 0 3px;background:#ebe7e129}.pomodoro-note{margin:16px 0 0;color:#ebe7e180;font-size:12px;letter-spacing:.08em}.stage--focus{width:min(50vw,850px)}.stage--focus>.micro-label{margin-bottom:15px}.timer-face{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}button.timer-face{cursor:pointer}.timer-face__label{color:#efb46fcc;font-size:12px;letter-spacing:.28em}.timer-face__time{margin:-1px 0 -4px;font-family:Iowan Old Style,Baskerville,Yu Mincho,serif;font-size:clamp(112px,11.1vw,190px);font-weight:400;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.045em;line-height:1;color:#faf1e7f7}.timer-face__secondary{max-width:610px;min-height:24px;color:#ebe7e191;font-size:13px;letter-spacing:.14em;line-height:1.7}.progress-line{position:relative;width:min(100%,620px);height:20px;margin:20px 0 28px}.progress-line:before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:#ebe7e13b}.progress-line span{position:absolute;left:0;right:0;top:9px;height:1px;background:#efb46fcc;transform-origin:left;transition:transform .5s linear}.progress-line i{position:absolute;top:6px;width:7px;height:7px;margin-left:-3px;border-radius:50%;background:#f0bb7d;box-shadow:0 0 16px #f0a558cc;transition:left .5s linear}.session-actions{display:flex;align-items:center;gap:13px}.session-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:124px;min-height:50px;padding:12px 20px;border:1px solid rgba(235,231,225,.18);border-radius:999px;background:#07111633;color:#f1ede8b3;font-size:14px;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .18s ease,border-color .18s ease,background .18s ease}.session-action:hover{border-color:#ebe7e15c;color:var(--ink)}.session-action--primary{border-color:#efb46f7a;background:#efb46f1f;color:#f2be80}.stage--decision,.stage--submode{width:min(45vw,720px)}.decision-summary{margin-bottom:37px}.decision-actions{display:flex;flex-direction:column;align-items:flex-start;width:min(100%,540px)}.primary-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;width:min(100%,540px);margin:0 0 16px;padding:19px 23px 18px;border:1px solid rgba(246,221,190,.34);border-radius:4px;background:linear-gradient(90deg,#c280493b,#1d2d3261);box-shadow:0 16px 40px #00070b29,inset 0 1px #ffffff0d;color:var(--ink);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .18s ease,background .18s ease,transform .18s ease}.primary-cta:hover{border-color:#f6d2a299;background-color:#c2804947;transform:translateY(-1px)}.primary-cta span{font-size:17px;letter-spacing:.055em}.primary-cta small{color:#f1e1cf8f;font-size:11px;letter-spacing:.08em;white-space:nowrap}.decision-actions>button:not(.primary-cta){padding:9px 2px;border:0;background:transparent;color:#ebe7e1a8;font-size:14px;letter-spacing:.07em;cursor:pointer}.decision-actions>button:not(.primary-cta):hover{color:var(--ink)}.reset-guide{margin-bottom:36px}.overflow-trigger{position:absolute;z-index:40;top:32px;right:38px;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(235,231,225,.17);border-radius:50%;background:#0813182b;color:#f6f1ebbd;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.overflow-trigger:hover{border-color:#efb46f8a;color:var(--ink)}.overflow-menu{position:absolute;z-index:50;top:87px;right:39px;display:flex;flex-direction:column;width:238px;padding:8px;border:1px solid rgba(235,231,225,.19);border-radius:7px;background:#091419d6;box-shadow:0 20px 50px #00060952;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.overflow-menu button{display:flex;align-items:center;gap:12px;min-height:46px;padding:12px 11px;border:0;border-radius:4px;background:transparent;color:#f1ede8c2;text-align:left;cursor:pointer}.overflow-menu button:hover{background:#efb46f1a;color:var(--ink)}.modal-backdrop{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;background:#020a0e6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-sheet{position:absolute;top:0;left:0;width:min(620px,55vw);height:100%;padding:clamp(64px,8vh,110px) clamp(56px,6vw,100px);border-right:1px solid rgba(235,231,225,.17);background:#0a171ded;box-shadow:24px 0 70px #00060945;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.modal-sheet__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.modal-sheet h2{margin:13px 0 8px;font-family:Iowan Old Style,Baskerville,Yu Mincho,serif;font-size:clamp(32px,3.2vw,49px);font-weight:400;letter-spacing:.035em;line-height:1.2}.modal-sheet__heading p:not(.micro-label){margin:0;color:var(--muted);font-size:14px;line-height:1.7}.quiet-button{white-space:nowrap;flex:0 0 auto;padding:5px 0;border:0;border-bottom:1px solid var(--faint);background:transparent;color:var(--muted);cursor:pointer}.custom-time,.pomodoro-custom,.reset-options,.install-guide,.confirm-actions{margin-top:46px}.custom-time label{display:block;margin-bottom:13px;color:var(--muted);font-size:13px;letter-spacing:.08em}.custom-time>div{display:flex;align-items:baseline;gap:14px}.custom-time input{width:180px;padding:5px 0;border:0;border-bottom:1px solid rgba(239,180,111,.55);border-radius:0;background:transparent;color:var(--ink);font-family:Iowan Old Style,Baskerville,serif;font-size:64px;font-variant-numeric:tabular-nums}.custom-time>div span{color:var(--muted)}.custom-time .primary-cta,.pomodoro-custom .primary-cta{margin-top:36px}.pomodoro-custom{width:min(100%,450px)}.pomodoro-custom>label{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:17px 0;border-bottom:1px solid rgba(235,231,225,.15);color:var(--muted);font-size:14px;letter-spacing:.08em}.pomodoro-custom label span{display:inline-flex;align-items:baseline;gap:10px}.pomodoro-custom input{width:96px;padding:3px 0;border:0;border-bottom:1px solid rgba(239,180,111,.48);background:transparent;color:var(--ink);font-family:Iowan Old Style,Baskerville,serif;font-size:42px;text-align:right;font-variant-numeric:tabular-nums}.reset-options{display:flex;gap:14px}.reset-options button{min-width:104px;min-height:54px;padding:16px 14px;border:1px solid rgba(235,231,225,.22);border-radius:999px;background:transparent;color:#f6f1ebd9;cursor:pointer}.reset-options button:hover{border-color:var(--amber);background:var(--amber-soft)}.install-guide{display:grid;gap:28px;width:min(100%,440px)}.install-guide>div{padding-bottom:25px;border-bottom:1px solid rgba(235,231,225,.14)}.install-guide strong{color:#efb46fe6;font-size:14px;font-weight:500;letter-spacing:.13em}.install-guide p{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.9;letter-spacing:.04em}.confirm-actions{width:min(100%,440px)}.danger-link{padding:9px 2px;border:0;border-bottom:1px solid rgba(239,180,111,.3);background:transparent;color:#f1dac6b8;font-size:14px;letter-spacing:.08em;cursor:pointer}.danger-link:hover{border-color:#efb46fcc;color:var(--ink)}@media(max-width:1320px){.stage{left:7vw;width:54vw}.stage--idle{width:57vw}.stage--focus{width:55vw}.timer-face__time{font-size:clamp(104px,12.6vw,154px)}.pomodoro-times{width:100%}.pomodoro-times button{padding-inline:14px}}@media(max-height:760px){.stage h1{font-size:clamp(40px,4.1vw,62px);margin-block:18px 13px}.mode-switch button{min-height:38px}.quick-times,.pomodoro-times{margin-top:27px}.configure-link{margin-top:18px}.timer-face__time{font-size:clamp(98px,10.5vw,150px)}.progress-line{margin-block:15px 22px}.modal-sheet{padding-top:54px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}