.site-header nav a{display:flex;align-items:center;gap:6px}.site-header nav .ui-icon{width:16px;height:16px}.water-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.hero>*:not(.water-surface){z-index:1}.hero-orbit{box-shadow:0 0 0 14px #ffffff35,0 0 0 16px #69b8dd35,0 0 0 32px #ffffff23,0 0 85px #4abfe32b}
.time-and-tide{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:75px;padding:82px 4%;position:relative;isolation:isolate}
.time-and-tide:before{content:'';position:absolute;z-index:-1;inset:5% -2%;background:radial-gradient(ellipse at 28% 52%,#6bcae523,transparent 49%),repeating-radial-gradient(ellipse at 28% 52%,transparent 0 55px,#72b7d814 56px 57px,transparent 58px 88px);border-radius:48%;pointer-events:none}
.clock-assembly{position:relative;text-align:center;max-width:410px;width:100%;margin:auto;filter:drop-shadow(0 24px 28px #235b9920)}
.clock-halo{position:absolute;inset:8%;border-radius:50%;background:#c3eafa45;box-shadow:0 0 70px #61bfdf40;z-index:-1}
.clock-time{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:14px;max-width:330px;margin:12px auto 0}
.clock-time:before{content:'';position:absolute;inset:-14px -5px -10px;z-index:-1;border-radius:16px;background:linear-gradient(110deg,transparent,var(--paper),transparent)}
.clock-time time{font:500 1.8rem/1.3 'Outfit',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.clock-time>span{font-size:.65rem;color:var(--muted);white-space:nowrap}.clock-time>span:first-child{text-align:right}.clock-time>span:last-child{text-align:left}
.time-detail{min-width:0}.time-detail .water-clock{display:block;width:37px;height:52px;margin-bottom:24px}.time-detail h2{margin-bottom:12px}.time-detail p{font-size:1rem}
.countdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 22px}
.countdown>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:17px 4px 12px;background:linear-gradient(150deg,var(--paper),var(--surface));border-bottom:2px solid var(--line);border-radius:12px 12px 2px 2px}
.countdown>div:after{content:'';position:absolute;left:10%;right:10%;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,#c9ae74,transparent)}
.countdown strong{font:500 clamp(2.1rem,4vw,3.1rem)/1.2 'Outfit',sans-serif;font-variant-numeric:tabular-nums;max-width:100%;overflow-wrap:anywhere}.countdown span{font-size:.75rem;color:var(--muted)}
[data-theme=dark] .clock-halo{background:#3989ba13;box-shadow:0 0 70px #61bfdf18}
[data-contrast=high] .clock-time>span{color:var(--ink)}
.x-brand-link{display:inline-flex;align-items:center;gap:9px}.x-mark{display:inline-flex;width:22px;height:22px;padding:5px;background:#000;border-radius:4px;flex:none}.x-mark img{width:100%;height:100%;object-fit:contain}.tonamel-brand-link{background:#243348!important;color:white!important;display:inline-flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.tonamel-brand-link>img{width:105px;height:auto}.official-links{display:grid;grid-template-columns:1fr 1fr;gap:24px}.official-links article{padding:38px;border-radius:24px;position:relative;overflow:hidden;color:#fff;display:flex;align-items:flex-start;flex-direction:column;gap:13px}.x-official{background:#151f2c}.tonamel-official{background:#293b51}.official-links article:after{content:'';position:absolute;width:240px;height:240px;right:-90px;bottom:-130px;border:1px solid #fff4;border-radius:50%;box-shadow:0 0 0 20px #ffffff0a,0 0 0 40px #ffffff08;pointer-events:none}.official-links img{height:27px;width:auto;max-width:190px;object-fit:contain;margin-bottom:20px}.official-links .brand-x{width:27px}.official-links h3{font-size:1.4rem}.official-links p{font-size:.85rem;color:#deebf8}.official-links a,.official-links button{border-bottom:1px solid #ffffff6b;padding:6px 0;text-align:left;font-size:.83rem;color:white}.official-links small{font-size:.68rem;color:#c6d5e5}#x-timeline-host{max-width:640px;margin:28px auto;padding:24px;background:var(--surface);border-radius:18px}.schedule-info{margin:18px 0;padding:15px 18px;border-left:3px solid #4ea6d7;background:var(--surface)}.schedule-info p{font-size:.76rem;margin:7px 0 0}.analytics-consent{position:fixed;z-index:150;right:20px;bottom:20px;width:min(470px,calc(100% - 40px));padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 12px 60px #102d5233}.analytics-consent h2{font-size:1.3rem;margin-bottom:8px}.analytics-consent p,.analytics-consent a{font-size:.78rem}.analytics-consent>div{display:flex;gap:15px;align-items:center;margin-top:16px}.analytics-consent .button{font-size:.8rem;padding:10px 20px}#site-search{width:min(700px,calc(100% - 30px));max-height:85vh}#search-results{margin-top:20px}#search-results a{display:block;border-top:1px solid var(--line);padding:15px 0}#search-results small{display:block;color:var(--muted)}#search-results strong{font-size:.95rem}.share-page{margin-top:30px}.member-panel{max-width:650px;margin:auto}.member-panel h2{font-size:1.6rem}.member-panel form{margin:25px 0}.member-panel label{display:block;margin-bottom:18px}.member-panel .checkline{display:flex}.member-panel input{width:100%}.member-panel [type=checkbox]{width:auto}.member-orders{display:grid;gap:20px}.member-order{border:1px solid var(--line);border-radius:16px;padding:20px}.member-order h3{font-size:1.1rem}.member-order p{font-size:.8rem}.x-hashtags{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.x-hashtags a{padding:8px 17px;background:var(--surface);border-radius:25px;font-size:.85rem;color:var(--blue)}.x-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.x-post-placeholder{padding:24px;background:var(--surface);border-radius:16px}.x-post-placeholder button{margin-top:12px;color:var(--blue);font-weight:bold}.x-post-placeholder small{display:block;font-size:.75rem}.x-post-placeholder iframe{max-width:100%!important}
[data-theme=dark] .time-and-tide:before{opacity:.4}[data-theme=dark] .clock-assembly{filter:drop-shadow(0 0 35px #56bee51b)}[data-motion=off] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@container site (max-width:1100px){.site-header nav{gap:14px}.site-header nav .ui-icon{display:none}.time-and-tide{gap:35px}.countdown{gap:18px}.countdown strong{font-size:2.5rem}}
@container site (max-width:600px){.time-and-tide{grid-template-columns:1fr;padding:45px 0;gap:28px}.clock-assembly{max-width:250px}.time-detail{text-align:center}.time-detail .water-clock{margin:0 auto 18px}.countdown{justify-content:center;gap:25px}.official-links,.x-posts{grid-template-columns:1fr}.official-links article{padding:27px}.official-links h3{font-size:1.3rem}.site-header nav .ui-icon{display:block}.header-actions{gap:5px}.site-header{gap:5px}.brand,.brand img{width:95px}.member-panel h2{font-size:1.35rem}}
@media print{.water-surface,.analytics-consent,.official-hub{display:none!important}}
.x-posts{align-items:start}
@container site (max-width:600px){.countdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.countdown>div{flex-direction:column;align-items:center;gap:0}.countdown strong{font-size:2.3rem;max-width:100%;overflow-wrap:anywhere}.countdown span{font-size:.75rem}}

.official-links a{display:inline-flex;align-items:center;gap:22px}.official-links a span{transition:transform .25s}.official-links a:hover span{transform:translate(3px,-2px)}
@container site (max-width:900px){.time-and-tide{gap:35px;padding:65px 1%}.clock-assembly{max-width:350px}.clock-time{gap:9px}.clock-time time{font-size:1.6rem}.clock-time>span{font-size:.6rem}}
@container site (max-width:600px){.time-and-tide{grid-template-columns:minmax(0,1fr);padding:52px 0;gap:36px}.clock-assembly{max-width:330px;width:95%}.clock-time{grid-template-columns:1fr auto 1fr;gap:9px;max-width:285px}.clock-time time{font-size:1.6rem}.clock-time>span{font-size:.59rem}.countdown{max-width:360px;margin:24px auto 20px;gap:12px}.countdown>div{padding:14px 4px 11px}.countdown strong{font-size:2.4rem}.time-detail .water-clock{margin-bottom:17px}.time-and-tide:before{inset:0 -2%}}
@container site (max-width:350px){.clock-time{gap:7px;grid-template-columns:1fr auto 1fr}.clock-time time{font-size:1.35rem}.clock-time>span{font-size:.54rem}.countdown strong{font-size:2.2rem}}